Heim  >  Artikel  >  Web-Frontend  >  Zwei-Punkte-Zusammenfassung des Unterschieds zwischen HTML-Header-Tags und Footer-Tags (mit Beispielen für Elementunterschiede)

Zwei-Punkte-Zusammenfassung des Unterschieds zwischen HTML-Header-Tags und Footer-Tags (mit Beispielen für Elementunterschiede)

寻∝梦
寻∝梦Original
2018-08-30 17:17:598737Durchsuche

Dieser Artikel informiert Sie hauptsächlich über die beiden Unterschiede zwischen HTML-Header-Tags und Footer-Tags. Als nächstes werfen wir einen Blick auf diesen Artikel über HTML-Header-Tags und Footer-Tags

Lass uns zuerst Schauen Sie sich den Unterschied zwischen dem

-Tag an:

Das

-Element sollte als Container für einführende Inhalte oder als Navigations-Linkleiste dienen. In einem Dokument können mehrere
-Elemente definiert werden.

Hinweis: Das

-Tag kann nicht innerhalb eines
-,
-Elements platziert werden.

Tag definiert die Fußzeile eines Dokuments oder eines Teils eines Dokuments. Das

-Element sollte Informationen über das darin enthaltene Element enthalten.

Normalerweise enthält dieses Element den Namen des Erstellers des Dokuments, die Copyright-Informationen des Dokuments, einen Link zu den Nutzungsbedingungen, Kontaktinformationen usw.

In einem Dokument können Sie mehrere

<article>
  <header>
    <h1>这是PHP中文网介绍的页头</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) 这里是PHP中文网</p>
</article>
<footer>
  <p>这里是PHP中文网中的页脚footer的用法</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

Hier sind die Darstellungen:

Zwei-Punkte-Zusammenfassung des Unterschieds zwischen HTML-Header-Tags und Footer-Tags (mit Beispielen für Elementunterschiede)

2. Schauen wir uns nun einen weiteren Aspekt des Unterschieds zwischen dem Header-Tag und dem Footer-Tag an:

Header-Element:

stellt eine Reihe von Lehrinhalten des nächstgelegenen übergeordneten Elements dar. Das übergeordnete Element der Kopfzeile kann ein Abschnittselement (artic, section, aside usw.) oder ein Wurzelelement (body-Element) sein. Wenn das nächste übergeordnete Element des Header-Elements das Body-Element ist, stellt das Header-Element eine Reihe von lehrreichen Inhalten für die gesamte HTML-Seite dar. Wenn das HTML-Dokument einen neuen Inhaltsbereich enthält, können Sie entsprechend den Anforderungen des Inhalts Header-Elemente hinzufügen. Dadurch wird die Semantik des Dokuments verbessert.

Fußzeilenelement:

stellt den Inhalt der ergänzenden Beschreibung des nächstgelegenen übergeordneten Elements dar. Das übergeordnete Element der Fußzeile kann ein Abschnittselement oder ein Stammelement sein.

Der Inhalt des Fußzeilenelements bezieht sich normalerweise auf den Inhalt der aktuellen Region, z. B. relevante Links, Copyright-Informationen usw. des Inhalts der aktuellen Region.

Wenn das nächste übergeordnete Element des Fußzeilenelements das Körperelement ist, stellt das Fußzeilenelement die ergänzende Beschreibung der gesamten HTML-Seite dar. Das

Fußzeilenelement wird normalerweise verwendet, um einige erweiterte Informationen zum Seiteninhalt zu kennzeichnen, wie z. B. Anhänge, Bedingungen, Versionsinformationen, Lizenzvereinbarungen oder andere Inhalte.

Hier ist ein weiteres Beispiel für den Unterschied zwischen Header-Tags und Footer-Tags:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP中文网演示</title>
</head>
<body>
<article>
<header>
<h3>文章的标题</h3>
<h5>作者</h5>
</header>
<p>我是正文-我是正文-我是正文-------------<></p>
<article>
<head>
<h4>网友的评论</h4>
<p>评论内容-评论内容-评论内容----------</p>
</head>
<footer>
发布时间:1433223
</footer>
</article>
<footer>
<p>尾部:3000:评论</p>
</footer>
</article>
</body>
</html>

Der Effekt ist wie folgt:

Zwei-Punkte-Zusammenfassung des Unterschieds zwischen HTML-Header-Tags und Footer-Tags (mit Beispielen für Elementunterschiede)

Das Obige ist der gesamte Inhalt dieses Artikels (wenn Sie mehr sehen möchten, sind Sie herzlich willkommen auf der PHP-Chinesisch-Website, um mehr zu lernen. Wenn Sie Fragen haben, können Sie dies tun). Hinterlassen Sie unten eine Nachricht

【Empfehlung des Herausgebers】

Was bedeutet das HTML5-Header-Tag? Detaillierte Erläuterung der Verwendung des HTML5-Header-Tags (mit Beispielen)

Wie erstelle ich ein mehrzeiliges Texteingabefeld im Eingabeformular? In einem Artikel erfahren Sie, wie Sie das Eingabe-Tag

verwenden

Das obige ist der detaillierte Inhalt vonZwei-Punkte-Zusammenfassung des Unterschieds zwischen HTML-Header-Tags und Footer-Tags (mit Beispielen für Elementunterschiede). 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