Sử dụng chính xác HTML5 <hr> thẻ

Question

Tôi đang viết một trang web mới cho một công ty và tôi có (một tập hợp con nhỏ) các ý tưởng HTML5/W3C.

Sau khi đọc ý nghĩa ngữ nghĩa của <hr />, tôi đã tự hỏi nếu điều này là một nơi tốt để sử dụng nó:

<section name="historyItem"> 
    <h2>2002</h2> 
    <p>Dolorem ipsum dolor sit amet in 2002, consectetur [...]</p> 
    <hr /> 
    <ul> 
     <li><a href="#">Link A</a></li> 
     <li><a href="#">Link B</a></li> 
    </ul> 
</section> 

dòng của tôi về lý luận là, vâng, đó <hr /> đại diện cho một sự thay đổi chủ đề từ phần mô tả đến liên kết phần, nhưng tôi không chắc chắn về điều đó.

Có thể "thay đổi chủ đề" có nghĩa là có một đoạn mới sau này về một chủ đề khác, và do đó ví dụ của tôi sẽ không "đúng". Bạn nghĩ sao?

(ps .: Có, đó là <ul> CSS theo kiểu để phù hợp với một dòng đơn và tìm kiếm mát mẻ)

Answer 1

tôi xem những gì bạn có ý nghĩa. Nhưng cá nhân tôi sẽ không bận tâm. Tự hỏi tại sao bạn sử dụng thẻ ở nơi đầu tiên. Nếu bạn muốn phân định một sự thay đổi giữa đoạn văn và các liên kết, thì về mặt đánh dấu thuần túy, tôi không nghĩ rằng nó là bắt buộc. Nếu đó là về giao diện trang của bạn (nghĩa là bạn muốn quy tắc phân định hai khu vực), thì tôi lại đặt câu hỏi về tính hữu ích của nó, vì bạn có thể áp dụng đường viền cho đoạn văn hoặc thẻ danh sách không theo thứ tự.

Tất nhiên, cho rằng đây là html5, bạn có thể đi hog toàn và sử dụng thẻ <section> ...

Answer 2

nói chủ đề, <hr> có nghĩa là kết thúc của một "phần" và bắt đầu "khác". Về cơ bản, chúng sẽ xuất hiện sau các thẻ <section> của bạn, chứ không phải bên trong. Mặc dù ngữ nghĩa nói, nó không thực sự quan trọng nơi bạn muốn sử dụng chúng.

Nếu danh sách các mặt hàng liên kết có liên quan đến các mục TRÊN thẻ <hr> (có nghĩa là có liên quan đến các yếu tố khác của bạn trong thẻ <section>, sau đó tôi không khuyên bạn sử dụng <hr> đó. Thay vào đó, sử dụng CSS để phân biệt biên giới và gạch dưới.

Nếu bạn muốn tham khảo thêm, tôi đã nằm điều này cho bạn: http://html5doctor.com/small-hr-element/

Chúc mừng, D