Khi nào nó có ngữ nghĩa chính xác để sử dụng phần tử hr?

Question

Các HTML5 reference nói rằng

Yếu tố hr đại diện cho một đoạn cấp nghỉ theo chủ đề, ví dụ một cảnh thay đổi trong một câu chuyện hoặc chuyển đổi sang một chủ đề khác trong một phần của một cuốn sách tham khảo.

Mô tả đó không đủ mô tả cho tôi. Tôi sử dụng phần tử hr trong tài liệu HTML của mình như một cách để tách nội dung. Điều này có đúng không?

Ai đó có thể đưa ra một vài ví dụ về thời điểm sử dụng nó (ngoài các ví dụ được hiển thị) và khi nào sử dụng kiểu dáng CSS thay thế?

Answer 1

Bạn có thể sử dụng nó một cách thích hợp khi nói, một số đoạn văn có hai chủ đề riêng biệt.

<p>Paragraph about domestic kittens</p> 
<p>Paragraph about kittens' favourite foods</p> 
<p>Paragraph about kittens' playfulness</p> 
<hr> 
<p>Paragraph about my day at work</p> 

Nếu bạn muốn tách riêng các chủ đề giữa hình ảnh và nội dung, tôi tin điều này cũng phù hợp.

<img src="/img/kitten.jpg" alt="kitten playing with ball"> 
<img src="/img/kitten1.jpg" alt="kitten drinking milk"> 
<hr> 
<img src="/img/zebra.jpg" alt="zebras in the wild"> 

Sử dụng mới hr dường như chỉ để phân biệt chủ đề trong HTML. Nếu bạn thấy rằng nội dung của bạn được kết nối tốt, không cảm thấy rằng bạn cần phải sử dụng thẻ.

Answer 2

Câu trả lời ngắn của tôi và cách tôi đã đi về nó là tôi sử dụng <hr> 's khi không có cách nào khác để nó được làm sạch với CSS. Đối với tôi điều này đã dịch sang nhiều năm viết html và không bao giờ phải sử dụng một <hr>.

Cuối cùng, tôi có thể thấy bản thân mình bằng cách sử dụng <hr> nếu tôi chỉ đang cố gắng đặt một số loại điểm đánh dấu giữa hai phần của cùng một nội dung.

Sử dụng ví dụ về bài đăng trên blog: Tôi sẽ đặt <hr> khi tôi cảm thấy điều quan trọng là phải chuyển đổi từ chủ đề này sang chủ đề khác.

Answer 3

Theo this article

Trong HTML 4.01, thẻ <hr> đại diện cho một hard rule.

Trong HTML5, thẻ <hr> xác định ngắt theo chủ đề.

Tuy nhiên, thẻ <hr> có thể vẫn được hiển thị như một quy luật ngang trong trình duyệt hình ảnh, nhưng bây giờ là định nghĩa về ngữ nghĩa, chứ không phải là về presentational.

Tất cả thuộc tính bố cục (căn chỉnh, noshade, kích thước và chiều rộng) trong HTML 4.01 không được chấp nhận trong HTML 4.01 và không được hỗ trợ trong HTML5. Thay vào đó, hãy sử dụng CSS để tạo kiểu cho phần tử <hr>.

Trong HTML5, hãy sử dụng <hr> khi bạn chuyển hướng chủ đề của mình từ đoạn văn trước đó.