HTML5 - Thẻ aside

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

• Tag <aside> định nghĩa nội dung bên ngoài nội dung chính (thường là phần sidebar).
• Tag <aside> nên có nội dung liên quan tới phần nội dung chính.
• Tag <aside> có thể chứa tất cả các tag định dạng khác.

Cấu trúc

<aside></aside>

Ví dụ

Html viết:

<aside>
<h2>Tiêu đề cho aside</h2>
<p>Nội dung cho aside</p>
</aside>

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:

aside {
    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]);
        }
})();

Thuộc tính

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

HTML HTML5 May 19, 2018