Heim > Artikel > Web-Frontend > Zusammenfassung der Funktionen und Verwendung von Header-Tags

Zusammenfassung der Funktionen und Verwendung von Header-Tags

巴扎黑Original: 2017-06-07 11:43:1513377Durchsuche

Das Tag

definiert den Header eines Dokuments oder eines Teils eines Dokuments. Das

-Element sollte als Container für einleitende Inhalte oder Navigationslinks dienen. Innerhalb eines Dokuments können Sie mehrere

-Elemente definieren.

Hinweis: Das

-Tag kann nicht innerhalb eines

Lassen Sie uns die Verwendung und Beispiele von Header-Tags zusammenfassen:

1.Tutorials der HTML5/CSS3-Reihe: Grundlegende HTML5-Tags mit Kopf-, Navigations- und Fußzeile

Jeder weiß vielleicht, dass es viele Tags gibt, die zuvor in HTML5 nicht verfügbar waren, wie z. B. Kopfzeile, Navigation und Fußzeile. Bei der Entwicklung verwandter Seitenlayouts haben wir zuvor häufig CSS verwendet, um zugehörige Kopfzeilen, Navigation und Fußzeilen zu definieren unterer Teil der Seite

Zusammenfassung der Funktionen und Verwendung von Header-Tags

2.Verwendungsbeispiele für Header-Tags in HTML

Geben Sie auf der Seite eine Standardadresse oder ein Standardziel an. Dazu gehören URLs in den Tags , Zusammenfassung der Funktionen und Verwendung von Header-Tags , und

Html-Code

<head>  
  <base href="http://www.w3school.com.cn/tags/">   
  <base target="_blank" /> <!--页面中所有target默认为_blank-->  
</head>  
<body>  
  <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank -->  
  <a href="tag_audio.asp">audio </a>  
</body>

Zusammenfassung der Funktionen und Verwendung von Header-Tags

3.Verwendung des HTML-Tags

HTML5-Header-Element-Tag HTML5-Neues Tag-Element

Erfahren Sie anhand des grundlegenden HTML-Header-Tutorials, wie Sie es als Header-CSS-Layouttechnik verwenden.

Vor der HTML5-Version war es üblich, div-Tags zum Layouten von Webseiten zu verwenden. In HTML5 wird ein neues Header-Tag-Element basierend auf dem DIV-Tag hinzugefügt. Wird auch „

“ genannt. In der Vergangenheit haben wir Webseiten im Div-CSS-Layout häufig in Kopfzeile, Inhalt und Ende unterteilt. Bei großen Strukturen verwenden wir häufig Divs mit IDs für das Layout. Der Header wird häufig mit

oder gestaltet ist kein div.-Tag erforderlich, sondern ein neues Element-Tag hinzufügen.

Es ist bekannt, dass „Header“ ein häufig verwendeter Name im HTML-Layout ist, daher wird in HTML5 ein neues Header-Tag-Element hinzugefügt. Sie können verstehen, warum der Header in HTML5 als Beschriftungselement hinzugefügt wird.

Zusätzlich zur direkten Verwendung des Header-Tags können Sie auch Klasse oder ID für den Header festlegen.

Zusammenfassung der Funktionen und Verwendung von Header-Tags

4.Eine kurze Analyse der Verwendung des Header-Tags in HTML5

Das Dokument enthält normalerweise einige Anleitungs- und Navigationsinformationen. Es ist nicht darauf beschränkt, in die Kopfzeile der Webseite geschrieben zu werden, sondern kann auch in den Inhalt der Webseite geschrieben werden.
Der Header-Tag ist im neuen Standard wie folgt definiert:

„Eine Gruppe von Einführungs- oder Navigationshilfen.“

Zusammenfassung der Funktionen und Verwendung von Header-Tags

5.Header Bitte fragen Sie um Rat zu CSS-Problemen mit Etikettenrändern

Das obige ist der detaillierte Inhalt vonZusammenfassung der Funktionen und Verwendung von Header-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Verwendung des HTML-

-TagsNächster Artikel：Verwendung des HTML-

-Tags

In Verbindung stehende Artikel

Mehr sehen