Tag Nav | Tag Html | Học Web Chuẩn
Có thể bạn quan tâm
- Trang chủ
- Tham khảo
- Tag html
- html5
- <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,...
Sự khác nhau giữa HTML4.01 và HTML5
HTML4.01 | HTML5 |
---|---|
● Không hỗ trợ | ● Đây là tag mới trong HTML5 |
Cấu trúc
<nav></nav>
Ví dụ
Xem 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>
Trình duyệt hỗ trợ
Yêu cầu phiên bản trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <nav>:
Trình duyệt dành cho PC:
- 9
- 4
- 11
- 6
- 5
Tag <nav> được hỗ trợ trong đa số các trình duyệt, tuy nhiên các trình duyệt IE6, IE7, IE8 muốn hiển thị đúng thì cần phải có thêm css và javascript hỗ trợ:
Css viết:
nav { display: block; }Javascript viết:
Đ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>
(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]); } })();Thiết bị hỗ trợ
Yêu cầu phiên bản hệ điều hành và trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <nav>:
ĐIỆN THOẠI (SMARTPHONE)
Hệ điều hành
- 4.0
- 2.2
- 7.5
- 6
- 5.3
- 1.4
Trình duyệt
- 8
- 10
MÁY TÍNH BẢNG (TABLETS)
Hệ điều hành
- 4.2
- 3.2
- 10
- 3.0
- 2.0
Trình duyệt
- 10
- 11
Thuộc tính
Cách sử dụng: <nav thuoctinh="giatri"></nav>
Thuộc tính Tổng quát và thuộc tính sự kiện
Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5
Link liên quan
- <p></p>
Tag trước
Tag kế tiếp
HTML & XHTML
HƯỚNG DẪN HỌC
- Hướng dẫn học
- Hướng dẫn học XHTML & HTML5
- Hướng dẫn học CSS
- Hướng dẫn học CSS3
- Hướng dẫn học Responsive
- Hướng dẫn học ES6
- Hướng dẫn học React.js
- Hướng dẫn học jQuery
- Hướng dẫn học PHP
- Hướng dẫn học Laravel
- Hướng dẫn học Wordpress
- Hướng dẫn học Webpack
- Hướng dẫn học SCSS
THAM KHẢO
Tham khảo HTML5
- Html5 - thuộc tính tổng quát
- Html5 - thuộc tính sự kiện
- Html5 - thuộc tính media
Tag HTML5
- <!--...-->
- <!DOCTYPE>
- <a>
- <abbr>
- <address>
- <area />
- <article>Mới
- <aside>Mới
- <audio>Mới
- <b>
- <base />
- <bdo>
- <blockquote>
- <body>
- <br />
- <button>
- <canvas>Mới
- <caption>
- <cite>
- <code>
- <col />
- <colgroup>
- <command>Mới
- <datalist>Mới
- <dd>
- <del>
- <details>Mới
- <dfn>
- <div>
- <dl>
- <dt>
- <em>
- <embed>Mới
- <fieldset>
- <figcaption>Mới
- <figure>Mới
- <footer>Mới
- <form>
- <head>
- <header>Mới
- <hgroup>Mới
- <h1> tới <h6>
- <hr />
- <html>
- <i>
- <iframe>
- <img />
- <input />
- <ins>
- <isindex>
- <kbd>
- <keygen>Mới
- <label>
- <legend>
- <li>
- <link />
- <map>
- <mark>Mới
- <menu>
- <meta />
- <meter>Mới
- <nav>Mới
- <noscript>
- <object>
- <ol>
- <optgroup>
- <option>
- <output>Mới
- <p>
- <param />
- <pre>
- <progress>Mới
- <q>
- <rp>Mới
- <rt>Mới
- <ruby>Mới
- <samp>
- <script>
- <section>Mới
- <select>
- <small>
- <source>Mới
- <span>
- <strong>
- <style>
- <sub>
- <summary>Mới
- <sup>
- <table>
- <tbody>
- <td>
- <textarea>
- <tfoot>
- <th>
- <thead>
- <time>Mới
- <title>
- <tr>
- <ul>
- <var>
- <video>Mới
- <wbr>Mới
Tag không hỗ trợ trong HTML5
- <acronym>
- <applet>
- <basefont />
- <big>
- <center>
- <dir>
- <font>
- <frame />
- <frameset>
- <noframes>
- <s>
- <strike>
- <tt>
- <u>
Tham khảo CSS
- CSS - Tham khảo
- CSS - Bộ chọn (selectors)
- CSS - Thuộc tính
- CSS3 - Tham khảo
- CSS3 - Bộ chọn (selectors)
- CSS3 - Thuộc tính
- Xem thêm ví dụ về CSS
Tham khảo HTML/XHTML
- Tham khảo HTML/XHTML
- Tag theo function
- Tag theo giá trị DTD
- Tham khảo HTML4/XHTML
- Tham khảo HTML5
- Xem thêm ví dụ về HTML
Tham khảo JQUERY
- jQuery - Tham khảo
- jQuery - Cài đặt và sử dụng
- jQuery - Bộ chọn (selectors)
- jQuery - Hàm (function)
- jQuery - Ajax
Tham khảo Thêm
- Lang codes
- Font chữ
- Mã ký tự
- MIME
- Đơn vị trong HTML & CSS
- Giá trị màu trong HTML & CSS
- Thuộc tính tổng quát
CHUYÊN ĐỀ
- Chuyên đề
- Chuyên đề HTML/CSS
- Chuyên đề HTML5/CSS3
- Chuyên đề jQuery/JS
- jQuery/JS plugin
GÓP Ý - LIÊN HỆ
- CÔNG CỤ TẠO CSS3CSS3 GENERATOR
- BỘ CÔNG CỤGENERATOR TOOLS
- CÔNG CỤ HỖ TRỢWEB TOOLS
- CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
- CÔNG CỤ KIỂM TRA RESPONSIVE TEST
- CHIA SẺ HAYWEB & TOOLS
Từ khóa » Thẻ Nav Trong Html Là Gì
-
Thẻ Nav Trong HTML - ge
-
Thẻ Nav Trong HTML5 - Freetuts
-
Cách Sử Dụng Thẻ Nav để Tạo Thanh Menu Trong HTML - Web Cơ Bản
-
Thẻ
-
Thẻ Nav Trong HTML
-
Thẻ Nav Trong Html Là Gì
-
HTML Nav Tag - W3Schools
-
Cách Sử Dụng Thẻ Nav Trong Html Là Gì, Thẻ Nav Trong Html
-
Thẻ Header, Nav, Header Trong HTML5
-
Thẻ Nav Trong Html Là Gì
-
Thẻ Nav Trong Html Là Gì
-
Thẻ Nav Trong Html Là Gì | Hỏi
-
Cách Sử Dụng Thẻ Nav Trong Html Là Gì, Cách Sử ...
-
Cách Sử Dụng Thẻ Nav Trong Html Là Gì, Thẻ Header, Nav, Header ...