Ce chapitre présentera les 6 principes de conception que HTML5 doit suivre. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
Principe 1 : Éviter la complexité inutile
html4
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" " <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5
<!DOCTYPE html> <meta charset="utf-8">
Principe 2 : Supporter le contenu existant
Seul le premier paragraphe des quatre morceaux de code suivants est correct en xhtml ; 🎜>
<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 de vrais problèmesEn 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
En HTML5, en raison de l'utilisation du modèle de contenu, l'élément contenir des é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>
<a href="/path/to/resource"> <h2>Headline text</h2> <p>Paragraph text.</p> </a>
Principe 4 : Soyez honnête et pragmatiquehtml5 a ajouté plusieurs éléments, notamment : section, article , à part et nav, ils 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 douceurLorsque 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.
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!