logo-alantien
banner-header

Tag article là gì | Cách sử dụng thẻ article trong html 5

Tác giả: Alan Tiến

Tag article là gì

Tag article là một thẻ mới trong html 5 giúp định nghĩa một bài viết, một nội dung riêng biệt nào đó. Thẻ tag article thường được sử dụng trong bài viết, bài đăng trên diễn đàn, tin tức, bình luận…

Bạn sẽ dễ dàng tìm thấy tag article trong những website mới của các tổ chức lớn. Ngay ở website của mình cũng đang sử dụng tag article. Mình khuyến khích các bạn nên thay đổi cấu trúc bài viết của mình từ div sang article. Nó giúp website của bạn tối ưu hơn trong bộ máy tìm kiếm của google.

Cú pháp sử dụng:

<article></article>

Thẻ html article được dùng trong bài viết là chủ yếu. Xem ví dụ ở dưới để hiểu hơn về thẻ tag cũng như ý nghĩa của nó này.

<article>
<h2>Cách sử dụng thẻ tag Article trong html</h2>
<p>Sử dụng rất đơn giản phải không nào..hehe</p>
</article>

Mẫu ví dụ trên sẽ hiện thị như thế này.

Cách sử dụng thẻ tag Article trong html

Sử dụng rất đơn giản phải không nào..hehe

tag-article-la-gi

tag article là gì

Các trình duyệt hỗ trợ tag article

HTML Tag
<article> Yes Yes Yes Yes Yes

Các duyệt trình website hiện nay đều hỗ trợ hiện thị cho tag article. Nhưng với các phiên bản ie IE6, IE7, IE8 cần css và java để có thể xem được chính xác.

Đoạn css hỗ trợ ie

article {
    display: block;	
}

Đoạn javascript hỗ trợ ie.

Với đoạn javascript này các bạn có thể ứng dụng cho các tag khác như <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]);
        }
})();

Cách sử dụng tag article trong html.

Cách sử dụng tag article rất đơn giản. Các bạn có thể xem những mẫu ví dụ ở dưới để có thể áp thành thạo nha.

Mẫu ví dụ số 1:

<article>
  <h1>Học html cùng Alan Tien</h1>
  <p>Alan Tiến rất đẹp trai :D</p>
</article>

Mẫu ví dụ số 2: Các bạn có thể kết hợp các html khác để tạo ra một trang tin tức đẹp với đủ các thành phần.

<article>
  <h1>Tin bài viết</h1>
  <span class="meta">Tác giả</span>
  <div class="noidung">Nội dung tin tức trong ngày</div>
</article>

Thuộc tính cơ bản của tag article trong html

Cách sử dụng: <article thuoctinh=”giatri”></article>

Ví dụ

<article class="content">
<p>đây là ví dụ <p>
</article>
<style>
article.content{
 padding:10px;
 color:#aaa;
}
</style>

Tất cả thuộc tính tổng quát và thuộc tính sự kiện đều có thể áp dụng trong HTML5.

Lời kết về tag article

Như đã đề cập từ đầu phải, thẻ tag article rất quan trọng trong website. Nó giúp bạn rất nhiều trong việc tạo một trang bài viết. Hãy ứng dụng ngay tag article sau khi đọc xong bài này của mình nha. Và đừng quên theo dõi những bài học tiếp theo trong Series học HTML căn bản

Tag article là gì | Cách sử dụng thẻ article trong html 5
5 (100%) 5 votes

Bạn có thể tìm thấy bài viết Tag article là gì | Cách sử dụng thẻ article trong html 5 với các từ khóa sau:-,

like

Gửi bình luận

  • Dịch Vụ

    Khóa Học Viết Bài Chuẩn SEO Tại Nhà TPHCM

    Viết 5 bài chuẩn seo với hơn 1000 từ trong một...

    Khóa học thiết kế website WordPress tại nhà

    Khóa học thiết kế website WordPress tại nhà dành cho những...

    Thiết kế website wordpress giá rẻ: dịch vụ chuyên nghiệp – chuẩn #1

    Bạn đang muốn tìm dịch vụ thiết kế website wordpress giá...

  • Tự học wordpress

    Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate

    Hôm nay mình sẽ hướng dẫn các bạn tạo nút gọi...

    Cài đặt wordpress trên xampp bảo mật nhất

    Cài đặt wordpress trên xampp rất đơn giản những hôm nay...

    Hướng dẫn tạo form liên hệ với Contact Form 7 đơn giản

    Với form liên hệ đẹp sẽ giúp website của bạn trở...

    Plugin kk star ratings tạo đánh giá 5 sao trên kết quả tìm kiếm google

    Chắc nhiều bạn thắc mắc tại sao website của người khác...

    Sửa lỗi Briefly Unavailable for Scheduled Maintenance trên WordPress

    Hiện nay rất nhiều bạn đang gặp lỗi “Briefly Unavailable for...

  • Học HTML Căn Bản

    Tag basefont là gì | thẻ basefont trong html

    Tag basefont là gì Tag basefont là một thẻ html căn...

    Tag base là gì | Thẻ Base và thuộc tính target trong html

    Tag base là gì Tag Base là một thẻ html được...

    Thẻ định dạng font chữ và văn bản trong html 5

    Trong bài này mình sẽ tổng hợp các thẻ định dạng font...

    Tag audio là gì | Thẻ audio chèn âm thanh trong html 5

    Tag audio là gì Tag audio là một tag đặc biệt...

    Tag aside là gì | Ý nghĩa và cách sử dụng thẻ aside trong html 5

    Thẻ tag aside là gì? Tag aside là một thẻ tag...

    Tag article là gì | Cách sử dụng thẻ article trong html 5

    Tag article là gì Tag article là một thẻ mới trong html 5...

    Tag area là gì | Cách sử dụng thẻ Area trong html

    Tag area là gì Tag area là một thẻ html xác...

    Tag Address là gì | Cách sử dụng thẻ Address trong HTML

    Tag Address là gì Tag Address là một thẻ html được...

    Tag acronym là gì | cách sử dụng tag acronym trong html

    Tag Acronym là gì Tag Acronym là một tag html được...

  • Key đang SEO Top