6 principes que HTML5 doit respecter (introduction)-Tutoriel H5-php.cn

6 principes que HTML5 doit respecter (introduction)

青灯夜游

Libérer： 2018-09-26 16:33:19

original

2773 Les gens l'ont consulté

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

Copier après la connexion

html5

<!DOCTYPE html>

Copier après la connexion

html4

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

Copier après la connexion

html5

<meta charset="utf-8">

Copier après la connexion

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>

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

Copier après la connexion

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

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

Copier après la connexion

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"

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.

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!