Xác định các bài viết, các phần, và bên trong các trang HTML5 - các núm vú

Có lẽ yếu tố cấu trúc nội dung quan trọng nhất trong HTML5 là thẻ bài viết. Những người theo chủ đề, chân trang và thậm chí là thẻ thời gian không rõ ràng sẽ giận dữ với đề xuất rằng thẻ bài viết là điểm thu hút lớn trong HTML5 nhưng bạn có thể sử dụng thẻ bài để tổ chức nội dung trang thành các "khối" cơ bản vì thiếu một từ tốt hơn.

Sự cần thiết phải cấu trúc nội dung trang thành các bài báo là một yếu tố tích cực trong việc thúc đẩy các nhà phát triển nội dung tổ chức các ý tưởng một cách mạch lạc. Và thẻ bài viết cung cấp khuôn khổ cho các phần (trong bài viết) và bên cạnh (sidebars cho bài báo).

Chia các bài báo thành nhiều phần

Đoạn mã sau định nghĩa một bài báo và hai phần tử phần. Nó cũng bao gồm một số văn bản giữ chỗ và tiêu đề chèn sau thẻ đóng.

Lưu ý: Mặc dù bạn có thể nhúng kỹ thuật một phần trong một bài báo, khái niệm các bài viết được chia thành các phần sẽ hiệu quả hơn nếu tránh.

Nguyên tắc cơ bản để chỉnh sửa (và bạn có thể yêu cầu bất kỳ ai chỉnh sửa văn bản để kiếm sống, và họ sẽ tiếp tục công việc này) là nếu bạn định chia một bài báo để làm cho nó dễ tiêu hóa hơn, nó không giúp người đọc tổ chức suy nghĩ của mình chỉ có một tiểu mục trong một phần của nội dung. Vì vậy - khi các phần được sử dụng - tốt nhất là có ít nhất hai phần được đặt trong thẻ.

Tiêu đề bài viết ở đây
Nội dung bài viết đầu tiên ở đây
nội dung bài báo ở đây
phần 1 của phần này ở đây
nội dung phần 1 ở đây
Nội dung phần 2 ở đây
Nội dung phần khác của phần 2 
Đoạn mã này tạo một trang giống như được trình bày ở đây.

Thêm phần sang một bên

Như với tất cả các phần tử cấu trúc trang HTML5, phần sang một bên được dự định liên kết với một loại nội dung nhất định. Nội dung như hình ảnh, văn bản hoặc video trong một yếu tố phụ thuộc phải phụ thuộc vào - nghĩa là liên quan đến nội dung và góp phần - một bài báo hoặc một phần của bài viết.

Bạn có nên sử dụng một yếu tố bên ngoài để đính kèm thanh điều hướng không? Nói chung, không. Thay vào đó, nội dung điều hướng phải được mã hoá với phần tử nav, mà chúng ta thảo luận trước đó trong chương này.

Một số thuộc tính tạo kiểu CSS thường được áp dụng cho HTML5. Như bạn có thể intuit, sang một bên các yếu tố thường được đặt ra như sidebars. Vì vậy, khi bạn xác định một phong cách CSS cho phần tử nav, bạn sử dụng thuộc tính CSS float để cho phép phần sang một bên hiển thị dưới dạng một khung bên trái hoặc bên trái xung quanh nội dung bài viết có thể chảy.

Đoạn mã sau đây cung cấp một ví dụ về một yếu tố bên trong một bài viết:

Bài viết của bài viết ở đây

Nội dung bài viết ở đây
Nội dung của thanh bên, liên quan đến bài báo, đi ở đây
ở đây
Bạn sẽ muốn kết hợp các phần tử cấu trúc HTML5 với các kiểu định dạng vị trí, phông chữ, màu sắc và các thuộc tính kiểu khác áp dụng cho các phần tử này. Ví dụ sau, cho thấy một phần (KUDOS) có thể trông như thế nào bên cạnh bài báo mà nó được liên kết (Kinh nghiệm).