Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<nav>NEU

Bedeutung

Element zur Auszeichnung von Navigationen


Notation

<nav [Attribute]>[Elementinhalt]</nav>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


Attribute

Das Element hat keine elementspezifischen Attribute.

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


Standard-Style-Formateigenschaften

nav {
   display: block;
}


Beispiel
<body>
<header class="header">
<nav class="nav_main">
<a href="/Html_5.html title="HTML 5">Html 5</a>
<a href="/kontakt.html" title="Kontakt">Kontakt</a>
</nav>
<nav id="nav_sub1">
//<!-- horizontales menü -->
<ul>
<li><a href="Struktur.html" title="Struktur">Struktur</a></li>
<li><a href="Darstellung.html" title="Darstellung">Darstellung</a></li>
<li><a href="Formulare.html" title="Formulare">Formulare</a></li>
<li><a href="Verweise.html" title="Verweise">Verweise</a></li>
</ul>
</nav>
</header>
<nav class="breadcrump">
//<!-- breadcrump -->
<ul>
<li>Sie befinden sich hier:
<a href="Html_5.html" title="Html 5" >Html 5</a>
<a href="Struktur.html" title="Struktur" >Struktur</a>
<a class="sub_nav_bread2" href="header.html" title="header"> header</a>
</li>
</ul>
</nav>
<nav class="navigation">
//<!-- vertikales menü -->
<ul id="submenu">
<li id="title">Struktur</li>
<li><a href="article.html" title="article">article</a></li>
<li><a href="aside.html" title="aside">aside</a></li>
<li><a href="details.html" title="details">details</a></li>
<li><a href="doctype.html" title="doctype">doctype</a></li>
<li><a href="figcaption.html" title="figcaption">figcaption</a></li>
<li><a href="figure.html" title="figure">figure</a></li>
<li><a href="footer.html" title="footer">footer</a></li>
<li id="active">header</li>
<li><a href="hgroup.html" title="hgroup">hgroup</a></li>
<li><a href="nav.html" title="nav">nav</a></li>
<li><a href="section.html" title="section">section</a></li>
<li><a href="summary.html" title="summary">summary</a></li>
</ul>
</nav>
//<!-- Textueller Inhalt -->
<section class="content">
<article>
<header>
<h1><Überschrift></h1>
</header>
<p>...</p>
<footer>
...
</footer>
</article>
</section>
//<!-- footer -->
<footer>
<ul>
<li><a href="Sitemap.html" title="Sitemap">Sitemap</a></li>
<li><a href="Datenschutz.html" title="Datenschutz">Datenschutz</a></li>
<li><a href="AGB.html" title="AGB">AGB</a></li>
<li><a href="NUB.html" title="Nutzungsbedingungen">Nutzungsbedingungen</a></li>
<li><a href="Impressum.html" title="Impressum">Impressum</a></li>
</ul>
</footer>
</body>

Erläuterung

Das <nav> Element ermöglicht es, eine oder mehrere Navigationsleisten oder auch einen Bereich für zusätzliche Informationen semantisch korrekt auszuzeichnen. Der Inhalt des Navigationsbereichs enthält beispielsweise Hyperlinks auf andere Seiten beziehungsweise Verweise auf Inhalte innerhalb der Seite.

Gemäß der Spezifikation darf das <nav> Element nicht als nachfolgendes Element eines <address> Elements verwandt werden. Verweise innerhalb des <footer> Elementes sollten entsprechend der semantischenInformationBedeutung: semantischender Bedeutung, dem Sinn entsprechend Strukturierung ebenfalls nicht mit dem <nav> Element, sondern weiterhin mit Hilfe von Listen-Elementen definiert werden.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel