Universels [HTML (HyperText Markup Language)]

Universels

Les attributs universels sont les attributs qui s'appliquent à l'ensemble des balises.

Permet de donner une information sur une balise. Cette information peut apparaître dans une info-bulle lors du survol de la balise.

<p title="je suis un paragraphe">Qui suis-je ?</p>

<p title="je suis un paragraphe">Qui suis-je ?</p>

Qui suis-je ?

Attribut Title

Permet de styliser la balise avec des CSS.

<p style="color : red">Je suis écrit en rouge</p>

<p style="color : red">Je suis écrit en rouge</p>

Je suis écrit en rouge

Attribut Style

Permet de donner l'ordre du focus avec la touche de tabulation.

Deuxième<input tabindex="2" />
Premier<input tabindex="1" />
Troisième<input tabindex="3" />

Deuxième<input tabindex="2" />
Premier<input tabindex="1" />
Troisième<input tabindex="3" />

Deuxième Premier Troisième

Attribut Tabindex

Permet d'indiquer la langue utilisée dans la balise.

<p lang="fr">Je suis écrit en Francais</p>
<p lang="en">I am written in English</p>

<p lang="fr">Je suis écrit en Francais</p>
<p lang="en">I am written in English</p>

Le CSS ajoute du texte devant les éléments en français et en anglais

<style>
[lang=fr]::before{content:'fr: ';color:blue}
[lang=en]::before{content:'en: ';color:red}
</style>

<style>
[lang=fr]::before{content:'fr: ';color:blue}
[lang=en]::before{content:'en: ';color:red}
</style>

Je suis écrit en Francais

I am written in English

Attribut Lang

Permet d'indiquer des zones de texte à ne pas traduire par les traducteurs automatiques.

<p translate="yes">Les navigateurs me traduisent</p>
<p translate="no">Ils ne me traduisent pas</p>

<p translate="yes">Les navigateurs me traduisent</p>
<p translate="no">Ils ne me traduisent pas</p>