Kommentar: Die HTML -Struktur ist klarer und standardisierender und erlernen die Idee der HTML5 -Optimierungsstruktur. HTML5 hat einige neue Elemente hinzugefügt, um häufig verwendete Strukturen zu identifizieren. HTML ist semantischer, aber wir können es nicht direkt verwenden, und wir müssen es zehn oder acht Jahre lang darauf warten, auch wenn es möglich ist. Es ist wie ein Mikroformat, verwenden Sie stattdessen eine Klasse oder klicken Sie nach Belieben, verwenden Sie ID- und Klassennamen, um Ihre Struktur klarer zu machen
Die HTML -Struktur ist klarer und standardisierter und erlernen die Idee der HTML5 -Optimierungsstruktur.HTML5 hat einige neue Elemente hinzugefügt, um häufig verwendete Strukturen zu identifizieren. HTML ist semantischer, aber wir können es nicht direkt verwenden, und wir müssen es zehn oder acht Jahre lang darauf warten, auch wenn es möglich ist.
Es ist wie ein Micro -Format, verwendete stattdessen Klasse oder klicke nach ID und Klassennamen, um Ihre Struktur klarer zu machen, und kann in einen Standard gefördert werden, wodurch die Teamzusammenarbeit reibungsloser wird.
Einige neue Strukturmarker
◎ Abschnitt: Dies kann ein Kapitel oder Abschnitt im Buch sein und es kann tatsächlich alles mit seinem eigenen Titel in HTML4 sein
◎ Header: Der auf der Seite angezeigte Header; Es unterscheidet sich vom Kopfelement
◎ Fußzeile: Fußzeile; Kann Unterschriften in E -Mails anzeigen
◎ NAV: Eine Reihe von Links zu anderen Seiten
◎ Artikel: Ein Artikel in Blog, Magazin, Artikel zusammengestellt usw.
Einige Beispiele
HTML5 -Dokumentstruktur
<header> ... </heate>
<nav> ... </nav>
<artikels>
<ABSCHNITT> ... </Abschnitt>
</article>
<beiseite> ... </beiseite>
<fouter> ... </footer>
XHTML -Dokumentstruktur
<divid = header> header </div>
<divid = nav> nav </div>
<divclass = article>
<Divclass = Abschnitt> Abschnitt </div>
</div>
<divid = beiseite> beiseite </div>
<divid = footer> footes </div>
HTML5 -Bildstruktur
<figureid = fig2>
<Legend> Abbildung2.installmozillaxFormsDialog </legend>
<imgalt = awebsitisRequesting Berechtigung zur Installation des Rowingitem
</figur>
Xhtml Bildstruktur
<Divclass = Abbildung>
<H4CLASS = LEGEND> Abbildung2.installmozillaxFormsDialog </h4>
<imgalt = awebsitisRequesting Berechtigung zur Installation des Rowingitem
</div>
HTML5 -Tagging
Das M -Element bedeutet, dass der Text gekennzeichnet ist, aber nicht betont werden muss. Betrachten Sie es als Abschnitt, der im Buch hervorgehoben wird.
Die zwischengespeicherten Seiten von Google sind ein typischer Anwendungsfall. Wenn sie mit einer zwischengespeicherten Kopie verknüpft ist, ist der Suchbegriff markiert. Wenn Sie beispielsweise nach EGRET suchen, sieht die zwischengespeicherte Google -Seite möglicherweise so aus:
Der große <m> gret </m> (alsoknownastheamerican <m> gret </m>) Isalarge Whitewading Bird weltweit gefunden. Der große <m> gret </m> fliegt mit langsamer Beats. Egret </span> (alsoknownastheamerican <spanclass = m> gret </span>) iSalarge weltweit weltweit gefunden. Der große <Spancklass = m> gret </span> fliegen mit langsamer Beats.