Зачем использовать внешний элемент `section` в разметке HTML5?

Question

Почему веб-сайт HTML5 принимает следующую структуру? Я особенно заинтересован в использовании внешнего <section> элемента.

Я понимаю, что это подтверждается как HTML5, но я не понимаю, почему раздел будет содержать статью. Я думал, что раздел должен рассматриваться как «глава» статьи. Почему бы просто не использовать <div id="main"> ... </div>? Есть ли семантическое преимущество (возможно, для SEO) в использовании внешнего элемента section?

Примечание. Я упростил источник, удалив различные элементы DIV контейнера / внутренней оболочки.

<div id="wrapper">
    <section id="main">
        <article id="home">
            <section class="block">
                <h1>Heading</h1>
                <p>Content...</p>
                <p>Content...</p>
            </section>
            <section class="block">
                <p>Content...</p>
                <p>Content...</p>
            </section>
        </article>
    </section>
</div>

Я не могу предоставить ссылку на данный веб-сайт, поскольку он содержит контент, который некоторые зрители могут счесть оскорбительным.

Answer 1

Из спецификации :

Элемент section представляет собой общий документ или раздел приложения… Элемент section не является универсальным контейнерным элементом.Когда элемент необходим для стилизации или для удобства написания сценариев, авторам рекомендуется использовать вместо этого элемент div.

И:

Примеры разделов будутглавы, различные страницы с вкладками в диалоговом окне с вкладками или пронумерованные разделы диссертации.Домашняя страница веб-сайта может быть разбита на разделы для введения, новостей и контактной информации.

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

Я не верю, что какие-либо элементы HTML5 (article, section и т. Д.) Имеют какое-либо реальное отношение кSEO на данный момент, хотя могли бы и в будущем.И я могу ошибаться.Я не эксперт по SEO.

Answer 2

, не видя его в действии, довольно сложно сказать точно, но здесь говорится: внешний элемент раздела, скорее всего, устанавливает желаемый контур документа сайта.если это не желаемый результат, то я согласен с @james allardice, там лучше будет использовать div (особенно, поскольку для внешнего раздела нет заголовка)если это желаемый результат, то использование внешнего раздела устанавливает общий раздел в структуре документа сайтов с вложенными в него дочерними элементами, чтобы он мог генерировать соответствующую карту документа.Пользовательские агенты могут затем использовать карту документа для генерации оглавления, которое затем может быть использовано at's.

Вы можете проверить схему документов здесь: http://gsnedders.html5.org/outliner/

Answer 3

Это кажется довольно семантическим. Домашняя страница веб-сайта может быть разделена на разделы для введения, новостей, контактной информации.

В настоящее время я не думаю, что какой-либо вес приобретает значение для семантики HTML5 с SEO, но в будущем - это, вероятно, будет ключевым.