Commentaire: La structure HTML est plus claire et plus standardisée, et apprenez l'idée de la structure d'optimisation HTML5. HTML5 a ajouté de nouveaux éléments pour identifier les structures couramment utilisées. Le HTML est plus sémantique, mais nous ne pouvons pas l'utiliser directement, et nous devons l'attendre pendant dix ou huit ans même si c'est possible. C'est comme un micro-format, utiliser la classe à la place ou cliquez sur Will, utilisez des noms d'identification et de classe pour rendre votre structure plus claire
La structure HTML est plus claire et plus standardisée et apprend l'idée de la structure d'optimisation HTML5.HTML5 a ajouté de nouveaux éléments pour identifier les structures couramment utilisées. Le HTML est plus sémantique, mais nous ne pouvons pas l'utiliser directement, et nous devons l'attendre pendant dix ou huit ans même si c'est possible.
C'est comme le micro-format, en utilisant la classe à la place, ou cliquez sur volonté, en utilisant des noms d'ID et de classe à la place, ce qui rend votre structure plus claire et peut être promue dans une norme, ce qui rend la collaboration d'équipe plus fluide.
Quelques nouveaux marqueurs structurels
◎ Section: Cela peut être un chapitre ou une section du livre, et il peut en fait être n'importe quoi avec son propre titre dans HTML4
◎ En-tête: l'en-tête affiché sur la page; c'est différent de l'élément de tête
◎ Footer: pied de page; peut afficher les signatures dans les e-mails
◎ Nav: un ensemble de liens vers d'autres pages
◎ Article: Un article sur le blog, le magazine, la compilation d'articles, etc.
Quelques exemples
Structure du document HTML5
<A-tête> ... </-header>
<Nav> ... </ Nav>
<Re article>
<pection> ... </ section>
</article>
<à part> ... </ropropst>
<foomer> ... </footer>
Structure du document XHTML
<vid = en-tête> En-tête </div>
<divid = nav> nav </div>
<divclass = article>
<divclass = section> Section </div>
</div>
<divid = de côté> de côté </div>
<divid = pied de page> Footer </div>
Structure d'image HTML5
<FiggeID = Fig2>
<gend> Figure2.InstallmozillaxformSDialog </gend>
<imgalt = AwebsiteIsRequesting Autorisation pour installer THEOPLINGITEM: mozillaxforms0.7UnSignedsrc = installDialog.jpg />
</ figure>
Structure d'image XHTML
<divClass = Figure>
<H4Class = Legend> Figure2.InstallMozillaxFormsDialog </H4>
<imgalt = AwebsiteIsRequesting Autorisation pour installer THEOPLINGITEM: mozillaxforms0.7UnSignedsrc = installDialog.jpg />
</div>
Tagging HTML5
L'élément M signifie que le texte est marqué, mais il ne doit pas être souligné. Considérez-le comme une section mise en évidence dans le livre.
Les pages mises en cache de Google sont un cas d'utilisation typique. Si lié à une copie en cache, le terme de recherche est marqué. Par exemple, si vous recherchez EGRET, la page Google en cache pourrait ressembler à ceci:
Le Grand <M> Egret </M> (AlsoknownastheAmerican <M> EGRET </M>) Isalarge Birginage trouvé dans le monde entier. Egret </span> (alsoknownastheamerican <panclass = m> egret </span>) Isalarge Birgwading trouvé dans le monde entier.