Maison > Article > interface Web > Introduction aux principes de conception HTML 5
Introduction aux principes de conception HTML 5
- 王林avant
- 2021-02-01 14:14:572693parcourir
Introduction :
HTML5 est une méthode de description de langage permettant de construire du contenu Web. HTML5 est la norme de nouvelle génération d'Internet et une méthode linguistique pour construire et présenter du contenu Internet. Elle est considérée comme l’une des technologies de base d’Internet. HTML a été créé en 1990 et HTML4 est devenu un standard Internet en 1997 et est largement utilisé dans le développement d'applications Internet.
En fait, html5 n'est pas directement formulé par w3c. La direction de w3c est xhtml2, pas html5. Lorsque xhtml2 était déconnecté de la réalité et ne pouvait pas être mis en pratique, le groupe de travail du w3c a orienté ses recherches vers html5. Pourquoi xhtml2 ne s’est-il jamais matérialisé ? Parce que cela viole un principe de conception, qui est la célèbre loi de Burstahl : soyez prudent lors de l'envoi et soyez ouvert lors de la réception. Une série de principes ont été suivis dans le processus de conception de HTML5, ce qui a permis de promouvoir rapidement le HTML5. Cet article présentera les 5 principes de conception suivis par html5
É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">
Prend en charge le contenu existant
Pour les quatre morceaux de code suivants, seul le premier paragraphe est correct en xhtml alors qu'en html5, ils sont tous corrects
<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>
(Apprentissage partage de vidéos : Tutoriel vidéo html)
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, il faut aussi é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, en raison de l'utilisation du modèle de contenu, les éléments 3499910bf9dac5ae3c52d5ede7383485 🎜> Modèle de contenu
html5 ajoute un certain nombre de nouveaux éléments, notamment : section, article, côté 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 le disent clairement : cette section est comme un autre document dans le document. Tout contenu placé au sein de ces éléments peut avoir son propre résumé, son propre titre, son propre pied de page.
Dégradation douce
Lorsque le navigateur rencontre une valeur de type non reconnue, il interprétera la valeur du type comme texte
<a href="/path/to/resource">
<h2>Headline text</h2>
<p>Paragraph text.</p>
</a>Recommandations associées :
Tutoriel HTML5Ce 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!