HTML 5 - Thẻ article

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

Tag <article> định nghĩa một bài viết, một nội dung riêng biệt.
Thường được sử dụng trong:

• Tin tức.
• Comment.
• Nội dung quảng cáo.

Cấu trúc

<article></article>

Ví dụ

Html viết:

<article>
<p>Tin trong ngày</p>
<p>Công nghệ ngày càng tiến sâu vào đời sống chúng ta...</p>
</article>

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:

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