Cách sử dụng các từ ngữ ngữ nghĩa cho HTML5 và CSS3 Lập trình

Khi các nhà phát triển web bắt đầu sử dụng kỹ thuật bố trí thả nổi, chúng hầu như luôn luôn tạo ra div được gọi là nav, header và footer. Các nhà phát triển của HTML5 đã quyết định tạo ra các yếu tố mới với những cái tên này. Hãy xem đoạn mã sau để xem các thẻ ngữ nghĩa đang hoạt động.

tiêu đề ngữ nghĩa (border-bottom: 5px double black;} nav {float: left; chiều rộng: 20%; rõ ràng: trái; min-height: 400px; border-right: 1px màu đen rắn;} section {float: left; chiều rộng: 75%; padding-left: 1em;} bài báo {float: left; chiều rộng: 75%; padding-left: 1em;} chân trang {rõ ràng: cả hai; border-top: 5px đôi màu đen; text-align: center;}

Đây là tiêu đề của tôi

liên kết

liên kết
liên kết
Phần 1
Bộ phận của phần
Mục


Liên kết
2

Bộ phận của cơ thể …
Điều

Cơ quan điều chỉnh …
Chân trang

Andy Harris
andy @ aharrisbooks. net 

Như bạn thấy, có một số thẻ đánh dấu ngữ nghĩa mới trong tiêu đề HTML5:

:

• Đây không giống như thẻ h1-h6. Nó biểu thị một phần của trang sẽ chứa tiêu đề cho trang. Thông thường tiêu đề sẽ lấp đầy chiều rộng trang và sẽ có một số hình ảnh biểu ngữ. Nó thường có chứa nội dung h1.

  nav:

• Thẻ này cho biết một số loại phần điều hướng. Nó không có phong cách đặc biệt của riêng nó, nhưng nó thường được sử dụng như là một trình đơn ngang hoặc dọc cho điều hướng trang web. phần:

• Một phần được sử dụng để chỉ định một phần chung của trang. Bạn có thể có nhiều phần trên cùng một trang. bài viết:

• Một bài viết giống như một phần, nhưng nó được dùng cho các tài nguyên bên ngoài. Nhiều trang được xây dựng tự động bởi phần mềm và khi những trang này tích hợp nội dung từ các nguồn khác, nó sẽ sử dụng thẻ bài để tích hợp nội dung này.

  footer:

• Phần chân trang được hiển thị để hiển thị nội dung trang cuối ở cuối trang. Điển hình là một chân trang bao gồm dưới cùng của một trang, mặc dù đây không phải là hành vi mặc định. Lưu ý rằng không có phần tử nào trong số này có định dạng cụ thể. Tùy thuộc vào bạn để cung cấp định dạng thông qua mã CSS. Mỗi yếu tố có thể được định dạng trực tiếp như là một phần tử HTML (vì đó là những gì nó được). Tất cả các trình duyệt phiên bản mới nhất hỗ trợ các thẻ đánh dấu ngữ nghĩa, nhưng nếu bạn muốn hỗ trợ các trình duyệt cũ (đặc biệt là IE trước phiên bản 8), bạn vẫn cần sử dụng div.