Maison > Article > interface Web > 6 principes que HTML5 doit respecter (introduction)

6 principes que HTML5 doit respecter (introduction)

青灯夜游original: 2018-09-26 16:33:192755parcourir

Quelles sont les séries de principes qui permettent de promouvoir rapidement le HTML5 ? Ce chapitre vous présente les six principes que HTML5 doit respecter. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Principe 1 : Éviter la complexité inutile

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

html5

<!DOCTYPE html>

html4

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

html5

<meta charset="utf-8">

Principe 2 : Supporter le contenu existant

ci-dessous Quatre morceaux de code, en xhtml seul le premier est correct ; en html5, tous sont corrects

XML/HTML

<img src="foo" alt="bar" />  
<p class="foo">Hello world</p>

<img src="foo" alt="bar">  
<p class="foo">Hello world

<IMG SRC="foo" ALT="bar">  
<P CLASS="foo">Hello world</P>

<img src=foo alt=bar>  
<p class=foo>Hello world</p>

Principe 3 : Résoudre des problèmes réels

En HTML4, même si deux éléments de niveau bloc ont la même adresse de lien, ils doivent être écrits séparément car les éléments en ligne ne peuvent pas contenir d'éléments de niveau bloc <.>

<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>

, et en HTML5, du fait de l'utilisation du modèle de contenu, les éléments 3499910bf9dac5ae3c52d5ede7383485 peuvent également contenir des éléments de niveau bloc

<a href="/path/to/resource">  
    <h2>Headline text</h2>  
    <p>Paragraph text.</p>  
</a>

Principe 4 : Être véridique et pragmatique

html5 ajoute un certain nombre de nouveaux éléments, notamment : section, article, aparté et navigation, qui représentent un nouveau modèle de contenu - le partitionnement du contenu. Les gens ont utilisé des divs pour organiser le contenu des pages dans le passé, mais comme d'autres éléments similaires, les divs eux-mêmes n'ont aucune sémantique. Mais section, article, aparté et navigation vous indiquent clairement que cette section est comme un autre document dans le document. Tout contenu situé à l'intérieur de ces éléments peut avoir son propre résumé, son propre titre, son propre pied de page.

Principe 5 : Dégradation en douceur

Lorsque le navigateur rencontre une valeur de type non reconnue, il interprète la valeur du type comme du texte

input type="number"
input type="search"
input type="range"
input type="email"
input type="date"
input type="url"

Principe 6 : Les utilisateurs finaux d'abord

En cas de conflit, les utilisateurs finaux sont prioritaires, suivis de l'auteur, suivi de l'implémenteur , Deuxièmement, le normalisateur, et enfin la perfection théorique.

Voici les 6 principes de conception que HTML5 doit suivre. J'espère que cela sera utile à l'apprentissage de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 html xhtml xml

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment envelopper le texte du canevas ? Introduction à la méthode d'habillage du texte dans le canevasArticle suivant：Comment envelopper le texte du canevas ? Introduction à la méthode d'habillage du texte dans le canevas

Articles Liés

Voir plus