Petit billet (sur un coup de tête je vous l’accorde) pour remettre les pendules à l’heure de certains soi-disant pro du web: arrêtez de confondre « balise » et « attribut » ! En me renseignant pour mon dernier article SEO (comment optimiser ses images pour le référencement), je suis tombé sur des vertes et des pas mûres concernant des « balises alt » ou des « balises title » … (Je ne citerai aucun lien ici, suffit de chercher pour trouver)
Alors, dans le contexte du langage HTML, mettons les choses au clair:
Une balise
Selon Wikipedia:
Une balise est une unité syntaxique délimitant des séquences de caractères à l’intérieur d’un flux de caractères (par exemple un fichier texte).
Plus concrètement, en HTML, une balise sert à encadrer une portion de code et/ou de texte. Par exemple, on utilise la balise <b></b> pour mettre un texte en gras.
Un attribut
Selon Wikipedia:
Un attribut est une entité qui définit les propriétés d’un objet, d’un élément, ou d’un fichier. Un attribut est habituellement composé d’un identificateur (ou nom ou clé) et d’une valeur.
Plus concrètement, en HTML, un attribut sera une propriété d’une balise. Par exemple, la balise img peut prendre des attributs comme la hauteur de l’image (height= » ») ou le texte alternatif (alt= » ») qui s’affiche lorsque l’image n’est pas affichée.
Un cas un petit peu particulier est le cas du title car ce dernier peut être soit un attribut, soit une balise:
La balise title
La balise title est placée entre les balises head d’une page html. Elle sert à renseigner le titre de la page.
L’attribut title
L’attribut title peut être placé comme attribut de quasiment n’importe quelle balise html. Cependant, il n’est pratiquement utilisé qu’avec les balises de liens (<a>) et les balises image (<img>). On l’utilise pour donner une information complémentaire sur la balise visée. Un exemple ? Le texte affiché au survol d’un lien dans votre navigateur est placé dans la balise title de ce lien. Je suis un lien !
Voilà, je pense que les explications sont claires et j’espère que les blogueurs et référenceurs soit-disant pro feront attention à ce petit détail à l’avenir ! 😉
View Comments (3)
Certains parlent aussi d’Éléments HTML5, au lieu de balises. En HTML5, la sémantique est si importance que je ne sais pas si on parler uniquement de « balises », vu qu’elles représentent au final beaucoup plus que ça.
Bonjour,
dans le domaine de la création de sites Internet et du référencement, je suis rarement tombé sur quelqu'un qui n'utilise les termes élément et attribut comme des synonymes. Et pourtant la différence est simple et saute aux yeux comme vous l'avez signalé !
Peut-être les gens ne prêtent pas attention parce que cela n'empêche pas les sites de marcher, ou parce qu'on abuse des CMS tous faits et qu'on touche moins au code... En tout cas, un bon intégrateur ou développeur JavaScript fera la différence, son travail y dépend.
Je vous laisse la liste d'éléments et attributs HTML 4.01 et HTML5 :
http://www.w3.org/TR/REC-html40/index/elements.html
http://www.w3.org/TR/REC-html40/index/attributes.html
http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#attributes-0
Je pense que tu as bien fait d'apporter des explications même si certains le savaient déjà, cela éviterait la confusion de toute façon.