HTML5, <section> bên trong danh sách không có thứ tự

Question

Tôi có thể sử dụng thẻ <section> trong danh sách không có thứ tự không?

Tôi biết, rằng <section> đại diện cho một phần chung của tài liệu. Thông thường chúng tôi tìm thấy nhóm bên trong.

Vì vậy ... Tôi có danh sách các sản phẩm. Thông thường khoảng 20 mỗi trang. Mỗi phần tử có:

• tiêu đề,

• mô tả ngắn (tối đa 255 ký tự),

• thumbnail, một số chi tiết, nút.

Vì vậy, mỗi mục danh sách giống như một phần, "is a thematic grouping of content, typically with a heading".

Tất nhiên tôi không sử dụng, <section> để tạo kiểu tóc.

Tôi nghĩ, <section> cũng có thể ở đây trình bao bọc cho danh sách và mỗi phần tử trong danh sách <article>.

Ý kiến ​​của bạn là gì?

Answer 1

Một Danh sách Dos ...

DO phần sử dụng cho từng bộ phận riêng lẻ của một switcher tab hoặc thanh trượt nội dung (nếu một danh sách chưa là không cần thiết)
DO sử dụng phần chia một thời gian dài điều khoản “ và điều kiện”(hoặc tương tự) trang thành phần được đánh số
DO yếu tố phần tổ nếu cần thiết (như bạn có thể làm với các‘điều khoản và điều kiện’trang)

Một Danh sách điều nên tránh ...

01.

KHÔNG sử dụng phần để chia nội dung khỏi đầu trang và chân trang; sử dụng div thay vì (xem bác sĩ)
KHÔNG sử dụng phần để bọc trình chuyển đổi tab cho thao tác hoặc tạo kiểu DOM
KHÔNG sử dụng phần cho thanh bên hoặc các hộp nội dung liên quan khác; sử dụng sang một bên thay vì
KHÔNG sử dụng phần chỉ để thêm đường viền hoặc thả bóng xung quanh thứ gì đó; sử dụng div thay vì
KHÔNG sử dụng phần cho trình bao bọc khi triển khai các cột giả; một lần nữa, hãy sử dụng div thay vì
KHÔNG sử dụng phần để lồng các phần tử khi cố gắng tránh lỗi double-margin nổi của IE6 (hoặc một vấn đề liên quan đến bố cục tương tự); một lần nữa, sử dụng div
KHÔNG sử dụng phần để lưu tiểu sử tác giả riêng lẻ trên bài đăng trên blog hoặc bài viết tin tức; sử dụng sang một bên thay vì

bị đánh cắp từ When to Use the HTML5 “section” Element

Answer 2

Sử dụng một thẻ <section> bên trong một <li> xác nhận thẻ (bạn có thể thử điều này bằng cách sử dụng “Text Field” tùy chọn trên http://html5.validator.nu/), và spec dường như không đề nghị bạn shouldn không sử dụng nó theo cách này (xem http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element), vì vậy mà có vẻ tốt với tôi.

Thẻ <article> có nghĩa là cho “self-contained compositions”. Tôi chưa bao giờ hoàn toàn rõ ràng điều đó có nghĩa là gì bên ngoài một số bài đăng trên blog được liệt kê trên một trang, nhưng tôi nghĩ tóm tắt sản phẩm có vẻ như phù hợp với điều đó. Vì vậy, ý tưởng thứ hai của bạn về số <section> chứa toàn bộ danh sách và <article> cho từng sản phẩm, có thể là âm thanh tốt nhất.