HTML5 - Thẻ header

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

• Tag <header> định nghĩa khu vực header (phần đầu) của trang.
• Thường được dùng cho phần giới thiệu hay chứa các thành phần chuyển hướng (navigation).

Cấu trúc

<header></header>

Ví dụ

Html viết:

<header>
<h1>Web học web chuẩn</h1>
<p>Kiến thức nhỏ cho web hiện đại</p>
</header>

Ví Dụ 2:

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:

header {
    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>

HTML HTML5 May 19, 2018