HTML5 04 – Các thẻ thành phần mới trong HTML5 (P.2)

0
31

Ở bài trước tôi đã giới thiệu tới các bạn 3 thẻ thành phần mới là header, section, footer . Trong bài viết này tôi sẽ giới thiệu tiếp cho các bạn 3 thẻ mới là nav, aside, article

1. Thẻ <nav>

  • Thẻ <nav> đại diện cho một khối của website cung cấp các liên kết điều hướng tới các tài liệu khác
  • Thông thường các khối <footer> có một danh sách liên kết mà không phải đặt trong thẻ  <nav>
  • Một website có thể có nhiều thẻ <nav> điều hướng website

Ví dụ:

See the Pen nav by Cao Anh Nhất (@xeko995) on CodePen.dark

2. Thẻ <aside>

  • Thẻ <aside> sử dụng cho vùng nội dung liên quan tới nội dung chính của của website.
  • Thông thường thẻ aside được đặt dưới dạng thanh bên “sidebar” , trong thực tế thẻ aside được dùng để đánh dấu các nội dung không quan trọng của website.

Ví dụ:

See the Pen aside by Cao Anh Nhất (@xeko995) on CodePen.dark

*Lưu ý  :Không được dùng thé <aside> để gắn các nội dung văn bản bị làm nghiêng, vì loại văn bản này được coi là một phần của nội dung chính

3. Thẻ <article>

 

  • Thẻ <article> đại diện cho một thành phần khép kín trong html.
  • Thẻ <article> được dùng để chứa nội dung bài viết , tin tức…
  • Chúng ta có thể lồng <article> vào thẻ <section>
  • Thẻ <article> có thể chứa các thẻ thành phần <header> , <footer> ,

Ví dụ:

See the Pen dzzvyj by Cao Anh Nhất (@xeko995) on CodePen.dark

Tác giả: Cao Anh Nhất

 

[Total: 0    Average: 0/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here