Почему я должен предпочесть HTML5 HTML4 в этом случае?

Question

HTML 5

<section>
    <article></article>
    <article></article>
</section>

HTML 4

<div>
    <div></div>
    <div></div>
</div>

Оба из них должны быть выровнены CSS. Что именно такое использование HTML 5? Да, в HTML 5 есть теги форм, которые очень полезны, но я обеспокоен вышесказанным.

Answer 1

Одно слово: семантика.

См. http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/#Semantic_structure_at_last

РЕДАКТИРОВАТЬ: Чтобы перефразировать статью, по запросу (и это правильно), HTML 5 добавил набор новых тегов, таких как article, section, nav, header, footer, и другие, которые традиционно создавались вручную в HTML 4 с использованием тегов div и значений семантического идентификатора (например, <div id='header'>.

Создав эти новые семантические теги, он позволяет легче понимать разметку для людей, а также облегчает семантический анализ на машинах. Например, будет проще написать код, который сканирует веб-страницы в поисках содержимого статьи (например, поиск по блогам) со стандартным тегом, а не искать страницы, заполненные div s.

Answer 2

Несколько причин, которые мне не нравятся:

1) Это более явно и экономит место для отдельных компонентов вашего сайта Пример:

<section>
    <article>
    </article>
</section>

против

<div class='section'>
    <div class='article'>
    </div>
</div>

Кроме того, требуется меньше места для прямой ссылки на каждую из этих частей в CSS или JavaScript.

2) Аналогично, это может быть проще для программ чтения с экрана и тому подобногоизвлечь полезную информацию со страницы для слепых или слабовидящих.