HTML5 02 – Tổng quan về cú pháp trong HTML5 và các thẻ thành phần mới trong HTML5

0
88

1. Tổng quan về cú pháp trong HTML5

Đây là một cấu trúc chuẩn của một tài liệu HTML5

Trong đó:

  • <!DOCTYPE html> : Dùng để khai báo cho trình duyệt biết đây là một tài liệu html
  • <meta charset=”UTF-8″> : Khai báo bảng mã kí tự để có thể sự dụng được tiếng việt
  • <title>: Khai báo cho trình duyệt biết đây là tiêu đề của một tài liệu html

Nếu các bạn đã từng học HTML4 thì có thể thấy cú pháp khai báo trong HTML5 khai báo đơn giản hơn HTML4

2. Các thẻ thành phần mới trong HTML5

Trong HTML5 giới thiệu cho chúng ta một số thành phần giúp cấu trúc trang web được logic và thiết thực hơn

Danh sách các thẻ thành phần mới trong HTML5

  • <header>
  • <article>
  • <main>
  • <footer>
  • <aside>
  • <nav>
  • <section>
  • <figure>
  • <figcaption>
  • <details>
  • <summary>
  • <mark>
  • <time>

Thực tế HTML5 cung cấp cho chúng ta rất nhiều thẻ thành phần mới nhưng ở đây tôi chỉ liệt kê một số thẻ thường được dùng trong HTML5.

Các bạn có thể để ý thấy là tên của các thẻ thành phần mới dựa theo tên của các thành phần thông dụng được sử dụng trong bố cục trang web hiện nay.

Ví dụ:

 

3. Tác dụng của các thẻ thành phần mới

  • Các thẻ thành phần mới được tạo ra nhằm giảm sự phụ thuộc vào thẻ <div>
  • Thay thế bởi một cấu trúc trang web thống nhất, dễ dàng

*NOTE: HTML5 không thay thế bất cứ cú pháp HTML nào, mà chỉ bổ sung các thành phần thẻ mới vào danh sách hiện có.

 

 

Tác giả: Cao Anh Nhất

[Total: 0    Average: 0/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here