Wie verwende ich das HTML5-Fußzeilen-Tag? Anwendungsbeispiele für Footer-Tags

Dieser Artikel führt Sie hauptsächlich in die Verwendung von HTML5-Fußzeilen-Tags ein, einschließlich Layout und anderen Kenntnissen, reiner HTML-Bearbeitung, kein CSS erforderlich. Nun werfen wir einen Blick auf diesen Artikel über HTML5-Fußzeilenartikel über Tags

Werfen wir zunächst einen Blick auf die Verwendung von HTML5-Fußzeilen-Tags:

HTML5

fügt das HTML5-Tag für das untere Fußzeilenelement zu HTML 5 hinzu. Basic Verständnis des neuen Fußzeilen-Tags. Verstehen Sie das Tutorial zum Fußzeilen-CSS-Layout, um

wirklich zu beherrschen und zu verstehen. Denken Sie daran, dass wir vor der vorherigen HTML5-Version das Copyright unten auf der Webseite festgelegt haben waren es gewohnt, id="footer" oder class="footer" zu verwenden. Erfahren Sie mehr über HTML-Tutorial-Tags!

Zum Beispiel der traditionelle HTML-Layoutcode:

<div id=”footer”> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</div>

Aber in HTML5 wird dieser häufig verwendete Name „Fußzeile“ als HTML5-Element-Tag-Mitglied hinzugefügt.

Die Syntax des HTML5-Fußzeilen-Tags:

<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer>

Geringe Wissenserweiterung:

Wenn wir Fußzeilen-Tags in der HTML5-Entwicklung verwenden Behandeln Sie es einfach wie ein gewöhnliches div-Tag, es wird jedoch im Allgemeinen für das untere Layout der Website verwendet. Im Allgemeinen hat eine Webseite nur einen unteren Bereich, daher ist es am besten, die Fußzeile nur einmal zu verwenden.

Hinweis:

ist neu in HTML5 und nicht mit IE8 und niedriger kompatibel, also verwenden Sie es mit Vorsicht.

HTML5-Fußzeilen-Nutzungslayout-Fall:

Beherrschen Sie das Fußzeilen-Tag, indem Sie das traditionelle div-Tag-Layout und das Fußzeilen-Tag-Layout vergleichen und beobachten. Vollständiger HTML5-Layout-Beispielcode:

 
 
 
 
 
 
 
传统html 使用div布局
 
 
　　© php中文网 版权所有
 
　　学习html，找DIV+CSS资源上PHP中文网! 
 
html5 footer标签布局
 
<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer> 
 

Der Effekt ist wie in der Abbildung dargestellt:

Okay, dies ist das Ende dieses Artikels über HTML5-Fußzeilen-Tags (Wenn Sie mehr erfahren möchten, besuchen Sie die PHP-Chinesisch-Website, auf der Sie alle gewünschten Online-Programmierkurse finden. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen

[Empfehlung des Herausgebers]

Wo finde ich das Head-Tag in HTML? Zusammenfassung der Rolle des Head-Tags

Wie verwende ich das HTML-Frame-Tag? Einführung in die Verwendung von Frame-Tags (mit Beispielen)

Das obige ist der detaillierte Inhalt vonWie verwende ich das HTML5-Fußzeilen-Tag? Anwendungsbeispiele für Footer-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!