Video: 02 - Cấu trúc thành phần cơ bản của một trang web HTML 2025
Tạo các trang có ngữ nghĩa liên quan đã được thực hành tốt trên web từ rất lâu trước khi iPad xuất hiện, nhưng HTML5 được xây dựng trong các thẻ đặc biệt làm cho nó dễ dàng hơn để được thống nhất trong cách bạn sử dụng ngữ nghĩa khi bạn thiết kế các trang web.
Ý tưởng tạo ra những trang liên quan đến ngữ nghĩa xuất phát từ nhà phát minh của World Wide Web, Tim Berners-Lee, người đã hình dung một "web dữ liệu" có nghĩa là , hoặc ngữ nghĩa >.
. Tương tự như vậy, hầu hết các nhà thiết kế web bây giờ đều định nghĩa lớp hoặc kiểu ID cho các phần chính của một trang có tên như tiêu đề và cuối trang để xác định vai trò và tầm quan trọng của chúng trên một trang.
HTML5 đưa khái niệm này thêm một bước nữa bằng cách thêm vào một loạt các yếu tố ngữ nghĩa mới. Thay vì tạo lớp hoặc kiểu ID và áp dụng nó cho một thẻ, trong HTML5 bạn chỉ có thể sử dụng các thẻ có tên như và. Do đó, thay vì sử dụng kiểu ID như
, bạn chỉ có thể sử dụng. Giống như các thẻ, tuy nhiên, không có thẻ mới
làm es bất cứ điều gì trừ khi bạn xác định một tập hợp các quy tắc kiểu phù hợp với tên.
Cấu trúc ngữ nghĩa của một trang có thể độc lập với kiểu dáng và vị trí của nội dung, do đó bạn có thể tạo một trang có ý nghĩa vì các phần nhận dạng có cấu trúc hợp lý. Đối với khách truy cập có thể xem trang, bạn có thể tạo các phần, chẳng hạn như tiêu đề hoặc chân trang, để hiển thị bất kỳ cách nào bạn muốn trong một trình duyệt.
