Verstehen Sie semantische HTML-Tags-HTML-Tutorial-php.cn

1. Del- und Ins-Tags

Kompatibilität: Alle Browser unterstützen

del: Definition Dokument gelöschter Text .

ins: Definiert Text, der in das Dokument eingefügt wurde.

html标签使用 * {padding: 0;margin: 0;} 原价：299元 特价：188元 Effekt:

Erklärung der semantischen HTML5-Tags

Definieren Sie den Hauptinhalt

Der Header kann ein Titelelement oder andere Elemente wie Logo, Abschnittsüberschrift, Suchformular usw. enthalten.

Haupttitel der Kopfzeile

Untertitel der Kopfzeile

</hgroup&gt ;

Definieren Sie eine Sammlung von Hauptmodulen oder Navigationslinks

Home

Über

Kontakt

ist ein spezielles Abschnitts-Tag, das eine klarere Semantik als Abschnitt hat. Es stellt einen unabhängigen und vollständigen Block verwandter Inhalte dar, der unabhängig von anderen Inhalten auf der Seite verwendet werden kann. Zum Beispiel ein vollständiger Forumsbeitrag, ein Blogbeitrag, ein Benutzerkommentar usw. Im Allgemeinen besteht ein Artikel aus einem Titelteil (der normalerweise in der Kopfzeile enthalten ist) und manchmal auch aus einer Fußzeile. Artikel können verschachtelt werden und der innere Artikel hat eine untergeordnete Beziehung zum äußeren Artikel-Tag. Beispielsweise kann ein Blog-Artikel als Artikel angezeigt werden und dann können einige Kommentare in Form eines Artikels darin eingebettet werden.

;this Dies ist ein Artikel, der HTML 5-Struktur-Tags vorstellt

> 2011.03.20

Artikel Inhaltsdetails</p&gt ;

Ein Abschnitt, der wenig mit dem Rest zu tun hat ist der Seiteninhalt und gilt unabhängig vom übrigen Seiteninhalt als Teil des Inhalts und kann einzeln herausgebrochen werden, ohne das Ganze zu beeinträchtigen. Dies erscheint normalerweise als Seitenleiste oder eingebetteter Inhalt.

/h4>

. 🎜> &lt ;/a>(18) 🎜>

stellt einen Bereich (oder Abschnitt) im Dokument dar, beispielsweise eine Themengruppe im Inhalt , die in der Regel eine Überschrift enthält.

Im Allgemeinen wird jeder

- Element) als enthält untergeordneter Knoten ;

Hier ist der Abschnittstitel...

Hier ist der Abschnittstitel für den Inhalt...

Das Element stellt einen unabhängigen Inhalt dar. Es wird verwendet Elemente kombinieren. Wird hauptsächlich zum Kombinieren von Bildern und Bildbeschreibungen verwendet.

<p&gt ;Absatz

picture"> ;p>Absatz....&lt ;/p>

Definiert die Fußzeile der gesamten Seite oder eines Teils davon (und enthält normalerweise den Originalautor, Copyright-Informationen und Kontaktinformationen und Sitemap, dokumentbezogene Links usw.)

Kontaktinformationen zum Originalautor; usw...

Das Tag wird verwendet, um die Titel von Webseiten oder Abschnitten zu gruppieren . Mit dem neuen HTML5-Element hgroup können Sie dem Header-Element (Header-Titel/Untertitel) weitere Informationen hinzufügen

&lt ;h1>Haupttitel

Nebentitel