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

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:

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

ĐIỆN THOẠI (SMARTPHONE)

Hệ điều hành

Trình duyệt

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

Trình duyệt

Thuộc tính

Cách sử dụng:

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

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