Notes d'étude HTML5 version concise (9) : modification des éléments et des attributs

Éléments modifiés

L'utilisation des éléments suivants en HTML5 a été légèrement modifiée afin d'être mieux utilisés ou jouer un plus grand rôle dans le web :

Aucun attribut href L'élément a sera affiché sous forme d'espace réservé et l'élément a prend désormais en charge les éléments de type de contenu de flux (par exemple : article, input, span, etc.).

l'adresse peut être étendue par article, side, nav, section. Auparavant, elle ne pouvait être appliquée qu'à la portée globale. L'élément

b est désormais décrit comme un morceau de texte qui ne se démarque que stylistiquement et ne contient aucune importance supplémentaire dans un article normal. Par exemple : mots-clés dans les résumés de documents, noms de produits dans les commentaires. Ou une méthode de composition qui représente l'accent. De plus, selon la spécification HTML5, le texte du titre doit utiliser

à

, le texte d'accentuation doit utiliser , le texte important doit utiliser , le texte en surbrillance doit utiliser , et d'autres aspects. Utilisez uniquement .

Citer est utilisé pour indiquer une introduction. La soi-disant introduction est une référence à un livre, un rapport ou un autre document source publié. Vous pouvez utiliser cette balise pour définir une référence à une référence, comme le titre d'un livre ou d'un magazine. Cette signification (le nom d'une personne) en HTML4 ne s'appliquera plus. L'élément

dl est représenté comme un groupe contenant plusieurs valeurs de nom et n'est plus simplement représenté comme la signification originale de HTML4.

L'élément head n'est plus autorisé à contenir des éléments enfants d'objet. L'élément

hr définit un changement de thème dans le contenu et s'affiche sous forme de ligne horizontale, et non plus simplement de ligne horizontale. L'élément

i est désormais décrit comme un morceau de texte qui met en avant différentes opinions ou tons ou autres dans des articles ordinaires, par exemple : un nom de catégorie, un terme technique, un proverbe dans une langue étrangère, une idée, etc. Ou représentez l'élément d'étiquette

de composition en italique. Le navigateur ne déplacera plus le focus de l'étiquette vers le contrôle à moins que l'interface utilisateur de la plate-forme sous-jacente ne soit standardisée. L'élément de menu

a été redéfini pour être plus utile sous les barres d'outils et les menus contextuels. Le contenu marqué par l'élément

s n'est plus précis et important, et son utilisation n'est pas recommandée. Il est recommandé d'utiliser . L'élément

small rend les marginaux sous forme de petit texte, et les avertissements, les mises en garde, les restrictions légales ou les déclarations de droits d'auteur sont souvent caractérisés par un petit texte. Un petit texte est également parfois utilisé pour les sources d'information et les exigences de licence. Le petit élément ne minimise pas l'importance du texte qui est souligné par un élément em ou marqué comme important par un élément fort. L'élément

fort est représenté comme un texte important, plutôt que comme un texte d'accentuation avec un ton plus fort. L'élément

u représente un soulignement et le contenu est un morceau de texte ambigu, ou un texte erroné mais qui doit quand même être affiché, ou un nom propre (comme un vocabulaire chinois).

Attributs modifiés (Attribut)

L'attribut value de l'élément li est réactivé. Il a été restreint en 4.0, mais cet attribut est réutilisé en HTML5, et l'attribut start de ol est. également réactivé. Remarque : La valeur value est uniquement la valeur d'index, pas la valeur de tri.

Par exemple :

<figure>  
<figcaption>The top 10 movies of all time</figcaption>  
<ol>   
<li value="10"><cite>Josie and the Pussycats</cite>, 2001</li>   
<li value="9"><cite>Црна мачка, бели мачор</cite>, 1998</li>   
<li value="8"><cite>A Bug&#39;s Life</cite>, 1998</li>   
<li value="7"><cite>Toy Story</cite>, 1995</li>   
<li value="6"><cite>Monsters, Inc</cite>, 2001</li>   
<li value="5"><cite>Cars</cite>, 2006</li>   
<li value="4"><cite>Toy Story 2</cite>, 1999</li>   
<li value="3"><cite>Finding Nemo</cite>, 2003</li>   
<li value="2"><cite>The Incredibles</cite>, 2004</li>   
<li value="1"><cite>Ratatouille</cite>, 2007</li>  
</ol> 
</figure>

Le code ci-dessus peut également être implémenté en utilisant l'attribut inversé de l'élément ol :

<figure>  <figcaption>The top 10 movies of all time</figcaption>  
<ol reversed>   
<li><cite>Josie and the Pussycats</cite>, 2001</li>   
<li><cite>Црна мачка, бели мачор</cite>, 1998</li>   
<li><cite>A Bug&#39;s Life</cite>, 1998</li>   
<li><cite>Toy Story</cite>, 1995</li>   
<li><cite>Monsters, Inc</cite>, 2001</li>   
<li><cite>Cars</cite>, 2006</li>   
<li><cite>Toy Story 2</cite>, 1999</li>   
<li><cite>Finding Nemo</cite>, 2003</li>   
<li><cite>The Incredibles</cite>, 2004</li>   
<li><cite>Ratatouille</cite>, 2007</li>  
</ol> 
</figure>

L'attribut cible de a et Les éléments de zone sont réactivés, car ils sont très utiles dans les programmes Web, par exemple lorsqu'ils sont utilisés avec des iframes.

L'attribut type des éléments script et style n'est plus requis si le script est conforme à ECMAScript ou si le langage de style est CSS.

La valeur de l'attribut border de l'élément table ne peut être définie que sur "1" ou sur une chaîne vide.

Certains des attributs suivants sont toujours autorisés, mais de meilleures alternatives sont recommandées :

L'attribut de langage de l'élément de script doit être défini sur "JavaScript" (insensible à la casse) lorsqu'il est utilisé. il ne peut pas entrer en conflit avec l'attribut type. Les utilisateurs peuvent ignorer cet attribut.

L'attribut name de l'élément a, les utilisateurs peuvent utiliser id à la place. Les attributs width et height de l'élément

img et de tous les autres éléments ne permettent plus de définir des valeurs en pourcentages.

Ce qui précède est la version concise des notes d'étude HTML5 (9) : le contenu des éléments et des attributs changeants. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !