Quels sont les 6 principes de conception que HTML5 doit suivre ?-Tutoriel H5-php.cn

Quels sont les 6 principes de conception que HTML5 doit suivre ?

青灯夜游

Libérer： 2018-09-10 17:46:17

original

1946 Les gens l'ont consulté

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">

Copier après la connexion

html5

<!DOCTYPE html>
<meta charset="utf-8">

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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"

Copier après la connexion

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!