So verwenden Sie das HTML5-<nav>-Tag-HTML-Tutorial-php.cn

So verwenden Sie das HTML5-

php中世界最好的语言

Freigeben： 2017-11-22 17:27:18

Original

8476 Leute haben es durchsucht

Dieses Mal werden wir über das h5-Fußzeilen-Tag, die grundlegende Syntax und Struktur von Nav, die mit Nav zu verwendenden Tags und unter welchen Umständen es verwendet werden kann, sprechen, um jedem zu helfen, Nav schnell zu verstehen.

Zuallererst ist nav auch ein neues Element-Tag in HTML5. Gleichzeitig wird nav wie andere neue Tags als gebräuchlicher Name für die Navigationsleiste im traditionellen HTML-Layout früherer Versionen von HTML5 verwendet.

Zum Beispiel:

Website-Navigationsinhalt

oder

Website-Navigationsinhalt

In HTML5 wird der bisher häufig verwendete Name „nav“ speziell als neues Tag-Element verwendet. Dieses Tag wird häufig im Navigationslayout verwendet.

HTML-Navigations-Tag-Syntax und -Struktur

2 >

3 ;

4. Den Navigations-Tag schnell verstehen und beherrschen

Navigation hängt mit der Navigation zusammen und wird daher im Allgemeinen für das Website-Navigationslayout verwendet. Gleichzeitig kann das

-Tag genau wie die Verwendung von div-Tags und span-Tags zum Hinzufügen von IDs oder Klassen verwendet werden. Der Unterschied zum div-Tag besteht darin, dass dieses Tag im Allgemeinen nur an navigationsbezogenen Stellen verwendet wird eine HTML-Webseite. Sie kann im Layout der Navigationsleiste oder im Layout im Zusammenhang mit der Navigationsleiste verwendet werden.

Mit welchen Tags sollte Navigation verwendet werden?

In früheren Artikel-Tutorials haben wir eingeführt, dass die allgemeine Navigationsleiste das ul li-Tag-Layout verwendet und das Navigations-Tag in Verbindung mit verwendet wird das ul li-Tag im allgemeinen Layout.

Ein kleiner Fall ist wie folgt:

Traditionelles HTML-Layout

2), nach dem Navigations-Tag

Konvertierung von oben HTML-Layout zu HTML5 Tatsächlich ist es einfach, die Verwendung von HTML-Navigations-Tags und die Techniken zum Layouten der Navigationsleiste mit ul li zu verstehen.

<div id=”nav”> 
<ul> 
<li>首页</li> 
<li>栏目名称</li> 
<li>联系我们</li> 
</ul> 
</div>

Nach dem Login kopieren

Das ist alles zur Verwendung des Nav-Tags. Ich hoffe, Sie können es kompetent beherrschen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

<nav> 
<ul> 
<li>首页</li> 
<li>栏目名称</li> 
<li>联系我们</li> 
</ul> 
</nav>

Nach dem Login kopieren

Verwandte Lektüre:

So verwenden Sie Leerzeichen in HTML

Einstellung der Schriftgröße für HTML-Webseiten

HTML5-Textsperreffekt

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML5-

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

So verwenden Sie das HTML5-
-Tag

So verwenden Sie das HTML5--Tag

So verwenden Sie das HTML5-
-Tag