HTML5 - Thẻ NAV

Định nghĩa và sử dụng

• Tag <nav> định nghĩa link danh mục (navigation).
• Tag <nav> thường sử dụng cho global menu, local link, topic path, pager link,...

Cấu trúc

<nav> </nav>

Ví dụ

Html viết:

<nav>
<ul>
<li><a href="#">Trang chủ<a></li>
<li><a href="#">Giới thiệu<a></li>
<li><a href="#">Sản phẩm<a></li>
<li><a href="#">Liên hệ<a></li>
</ul>
</nav>

Ví Dụ :

Ví dụ về tag layout HTML5

<section id="layout">
<header>
<p>&lt;header&gt;</p>

<nav>
<p>&lt;nav&gt;</p>
</nav>
</header>

<section id="pageBody">
<section id="content">
<p>&lt;section id=&quot;content&quot;&gt;</p>
<article>
<p>&lt;article&gt;</p>
</article>
</section>

<aside>
<p>&lt;aside&gt;</p>
</aside>
</section>

<footer>
<p>&lt;footer&gt;</p>
</footer>
</section>

<header>

<nav>

<section id="content">

<article>

<aside>

<footer>

Css viết:

nav {
    display: block; 
}

Javascript viết:

(function (){
    var els = [ 'section', 'article', 'hgroup', 'header', 'footer', 'nav', 'aside', 
 'figure', 'mark', 'time', 'ruby', 'rt', 'rp' ];
    for (var i=0; i<els.length; i++){
        document.createElement(els[i]);
        }
})();

Đoạn javascript này sử dụng chung cho cả các tag: <section>, <article>, <hgroup>, <header>, <footer>, <nav>, <aside>, <figure>, <mark>, <time>, <ruby>, <rt>, <rp>

Thuộc tính

Cách sử dụng: <nav thuoctinh="giatri"></nav>

HTML HTML5 May 19, 2018