Правильное использование тега HTML5
Я пишу новую веб-страницу для компании, и у меня есть (разумное подмножество) рекомендаций HTML5 / W3C в разум.
Прочитав семантическое значение , я подумал, подходящее ли это место для его использования:
<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>
Я рассуждаю так: да, это < hr /> представляет собой тематическое изменение от описания раздела до ссылок на разделы , но я не уверен в этом.
Возможно, «тематическое изменение» означает, что позже появится новый абзац по другой теме, и поэтому мой пример не будет «правильным». Как вы думаете?
(пс .: Да, этот оформлен в стиле CSS, чтобы поместиться в одну строку и выглядеть круто)
1 ответ
Я понимаю, о чем вы. Но лично я бы не стал беспокоиться. Спросите себя, почему вы вообще используете этот тег. Если вы хотите обозначить изменение между абзацем и ссылками, то с точки зрения чистой разметки я не считаю, что это требуется. Если речь идет о внешнем виде вашей страницы (т.е. вам нужно правило, разграничивающее две области), то снова я бы поставил под сомнение его полезность, учитывая, что вы можете применить границу либо к абзацу, либо к тегам неупорядоченного списка.
Конечно, учитывая, что это html5, вы могли бы полностью использовать тег …