HTML "container" tags " - utilisation correcte?
Pour quelque temps, j'ai été la création de sites internet, mais n'ont jamais vraiment vu de la discussion de la bonne utilisation des balises. J'ai vu un certain nombre de différents types de contenu dans la collection des balises, mais il semble que le créateur de la page choisit juste un style qu'ils aiment et de bâtons.
Le principal écart dans mon esprit, c'est qu'entre
<p>
<div>
mais j'aimerais des avis concernant
<span>
et tout les autres, j'ai peut-être oublier.
OriginalL'auteur Allyn | 2009-02-25
Vous devez vous connecter pour publier un commentaire.
HTML a été créé à l'origine pour mettre le contenu des documents dans une sorte de structure compréhensible par les ordinateurs. Avec cela à l'esprit, le
p
balise est censé tenir tout ce qui pourrait être structuré comme un paragraphe si le contenu de la page devait être tournée dans un document imprimé. Lediv
etspan
éléments sont réservées en général utiliser des conteneurs pour faciliter le formatage et le regroupement des éléments connexes à fournir d'autres niveaux de la structure, peut-être en corrélation avec les pages dans un document texte.Dans certains cas,
p
tags devrait contenir d'autres éléments, tels que l'ancre (a
), image (img
) et d'autres éléments de ligne, parce qu'ils se rapportent directement au contenu du reste du paragraphe, et il est logique de groupe de cette façon, ou le texte du reste de ce paragraphe fournit une description plus approfondie.Si il n'y a pas de description supplémentaire de ces éléments, cependant, il n'est pas judicieux de les placer dans un paragraphe simplement comme un moyen pratique d'un conteneur; une
div
serait plus approprié. En général, un paragraphe est censé contenir un paragraphe de texte et directement liées ou décrit les éléments. Rien d'autre fait beaucoup de sens dans un paragraphe.Mise à JOUR: HTML5 ajoute également un certain nombre d'autres sémantique "conteneur" éléments, y compris
article
,nav
,header
,section
, etaside
.ol
&ul
)" non,ol
etul
éléments ne sont pas valables dans lesp
éléments.vrai, j'ai manqué d'erreur dans mes retouches. J'ai corrigé la réponse.
OriginalL'auteur cdeszaq
Je pense, le sens des balises est quelque chose comme ceci:
OriginalL'auteur TheHippo
La différence entre ces trois (et beaucoup d'autres) des balises est leur signification sémantique. Le standard HTML comprend à la fois des balises spécifiques sémantique des significations (
<p>
pour les paragraphes, les<em>
pour souligner du texte, etc.) et les balises sans sens sémantique.Ces derniers sont
<div>
et<span>
, qui sont utilisés pour identifier block ou inline-niveau contenu qui doit être identifié (à l'aide, dire unclass=
ouid=
attribut), mais pour ce qui d'un point de vue sémantique spécifique à la balise n'existe pas. Par exemple, on peut écrire<p>Hi, my name is <span class="name">John Doe</span>.</p>
— indiquant que c'est un paragraphe (le navigateur a déjà une idée de comment gérer) et qu'une partie de son contenu est un nom, qui signifie absolument rien pour le navigateur, à moins que CSS ou JavaScript utilise).Ces balises sont donc incroyablement utiles à la fois pour l'ajout d'informations supplémentaires à un document HTML qui ne correspondent pas à la sémantique des balises fournies par la norme (voir la spécification hCard pour un excellent exemple) et pour l'application de visual (CSS) ou fonctionnelle (JavaScript) de la structure d'un document sans l'altérer sa sémantique.
OriginalL'auteur Ben Blank
Je pense que les créateurs de page doit utiliser un balisage sémantique, ce qui signifie que le balisage, il doit en communiquer le sens (et pas de présentation).
<div>
et<p>
ont des significations différentes. Le premier est utilisé pour définir une division (ou section) d'une page HTML, le dernier de définir un paragraphe de texte.OriginalL'auteur Kevin Babcock
<p>
est un bloc élément qui doit contenir un paragraphe, composé de texte, des éléments en ligne que modifier ce texte (<p>
,<a>
,<abbr>
, etc.), et des images.<div>
est un bloc d'élément utilisé pour diviser la page, presque toujours en liaison avec des styles CSS.<span>
... eh bien, honnêtement, je n'utilisez pas cette balise que souvent. C'est un élément inline, et je l'utilise souvent lorsque je voudrais appliquer des styles à une portion de texte qui ne bénéficieraient pas de l'aide de quelque chose avec plus de sens, comme le<strong>
et<em>
balises.OriginalL'auteur Jacob Hume
J'ai été enseignée à vue
<span>
et<div>
comme le "tofu de webdeveloppement", car il n'a pas de réelle saveur, mais vous pouvez faire pratiquement n'importe quoi avec elle.(X)HTML, les balises de définir ce que le texte qu'ils environnante est. Est-il et d'adresse, est-ce un lien, est-il un paragraphe, et ainsi de suite...
<div>
et<span>
sont simplement des moyens d'arriver à des morceaux de votre site, vous ne pouvez normalement pas accès. Comme quand vous êtes à essayer de redimensionner un symbole|. La façon la plus rapide que j'ai jamais trouvé était de mettre un span autour d'elle, de lui donner une classe, puis de mettre en œuvre la feuille de style CSS.C'est ce qu'ils sont bons pour, à mon avis. Je serais intéressé d'entendre plus ou même des corrections sur ce que j'ai écrit ici.
OriginalL'auteur Vordreller
Il semble que vous devez lire les La spécification HTML
Le
p
de l'élément:Le
div
de l'élément:Le
span
de l'élément:La différence majeure entre
div
etspan
est que span estflux de contenu
,phrasé content
, etpalpable content
, tandis qu'une div n'estflux de contenu
etpalpable content
.Essentiellement, cela se résume à:
div
éléments sont les éléments de niveau bloc, et, généralement, ne peuvent être placés à l'intérieur d'autres éléments de niveau bloc, alors quespan
éléments sont des éléments inline, et peut être placé à l'intérieur de la plupart des autres éléments.La spécification HTML définit les éléments qui sont acceptables en tant que descendants de chaque élément.
OriginalL'auteur zzzzBov