Arrêtez de confondre balise et attribut !

balise attribut html

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 ! 😉

About Pyo

Webmaster et blogueur depuis plusieurs années et étudiant en sciences informatiques (UCL, Belgique), j'ai un intérêt particulier pour les nouvelles technologies et le blogging. Sur ce blog, je vous fais part de mes découvertes qui, je l'espère, vous intéresseront.

View all posts by Pyo →

3 Comments on “Arrêtez de confondre balise et attribut !”

  1. 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.

  2. 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

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *