Thẻ <article> trong HTML5

Thẻ `<article>` trong HTML5

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.

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

<article></article>

Ví dụ

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

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ẻ <article>:

Trình duyệt dành cho PC:

2413?raw=trueimage-71

Tag <article> đượ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:

article {
    display: block; 
}

Javascript viết:

Đoạn javascript này sử dụng chung cho cả các tag: <section>, <article>, <hgroup>, <header>,

(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ẻ <article>:

ĐIỆN THOẠI (SMARTPHONE)

Hệ điều hành

2413image-43

Trình duyệt

2413image-44

MÁY TÍNH BẢNG (TABLETS)

2413image-3

Trình duyệt

2413image-4

Thuộc tính

Cách sử dụng:

<article thuoctinh="giatri"></article>

Các thuộc tính Global Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương: Tổng hợp thuộc tính trong HTML

Các thuộc tính sự kiện Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML

Thẻ <article> trong HTML5