Arrêtez de confondre balise et attribut !

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

Pyo

Comments

  1. Répondre

  2. Répondre

  3. Répondre

Laisser un commentaire

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

Notifiez-moi des commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.