Kiedy jest semantycznie poprawne użycie elementu hr?

Question

HTML5 reference mówi, że

Element h oznacza akapitów poziom zerowy tematycznych, na przykład zmiana sceny w opowiadaniu lub przejście do innego tematu w sekcji podręcznika.

Ten opis nie jest dla mnie wystarczający. Używam elementu hr w moich dokumentach HTML jako sposobu na oddzielenie treści. Czy to jest poprawne?

Czy ktokolwiek mógłby podać kilka przykładów, kiedy go używać (poza przykładami pokazanymi) i kiedy używać zamiast stylizacji CSS?

Answer 1

Właściwe jest użycie go, gdy masz na przykład kilka akapitów z dwoma różnymi motywami.

<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> 

Jeśli chcesz inaczej podzielić tematy na obrazy i treści, uważam, że jest to również odpowiednie.

<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"> 

nowego zastosowania hr wydaje się być po prostu dla odróżnienia tematy na HTML. Jeśli okaże się, że Twoje treści są dobrze połączone, nie musisz używać tagu.

Answer 2

Moja krótka odpowiedź i sposób, w jaki to zrobiłem, polega na tym, że używam <hr>, kiedy nie ma innego sposobu, aby to zrobić z CSS. Dla mnie to przełożyło się na wiele lat pisania html i nigdy nie musiałem używać <hr>.

W końcu mogłem zobaczyć siebie używając <hr>, jeśli próbuję po prostu umieścić jakiś znacznik między dwiema sekcjami tej samej treści.

Na przykładzie posta na blogu: wstawiłbym numer <hr>, gdy uważam, że ważne jest wizualne przejście z jednego tematu na inny.

Answer 3

Według this article

W HTML 4.01, znacznik <hr> stanowiło linię poziomą.

W języku HTML5 znacznik <hr> definiuje podział tematyczny.

Jednak tag <hr> nadal może być wyświetlany jako poziomy reguły w przeglądarek wizualnych, ale teraz jest definiowane w kategoriach semantycznych raczej niż względem formy.

Wszystkie atrybuty układu (wyrównywanie, noshade, rozmiar i szerokość) w HTML 4.01 został wycofany w HTML 4.01 i nie jest obsługiwany w HTML5. Zamiast tego użyj stylu CSS do w stylu elementu <hr>.

W HTML5 używaj <hr>, gdy przekierowujesz swój temat z wcześniej napisanego akapitu.