Подходит ли тег HTML5 <article>для текста на этой домашней странице?

Question

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

Недавно я закодировал сайт с использованием семантики HTML5.На странице относительно мало контента, и я обернул ее в тег статьи.

Вы можете проверить страницу и ее источник здесь: http://inneresauge.co/

А вот нижний предел для тех, кто нене нравится нажимать на ссылки ...

<div id="container">
    <header>
    <h1 id="logo"><a href="index.html">Inneres Auge Co.</a></h1>
    <nav id="main-nav">
        ...
        </nav>
        ...
    </header>
    <article id="main">
        <p>We're <strong>Inneres Auge Company</strong>, a creative media company that knows no limits.</p>
        <p>We do everything and more, from mobile games and apps to web sites and platforms to video and audio production.</p>
        <p>The best thing about it?<br />
        We're amazing at all of them!</p>
        <p>Don't believe us?<br />
        Just see for yourself...</p>
    </article>
</div>

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

Какой лучший выбор здесь?article, section или, может быть, просто div, потому что ни один из них не подходит?

Пожалуйста, не стесняйтесь упоминать, есть ли какое-либо иное несемантическое / неправильное использование html-элементов.

Answer 1

W3C Спецификация

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

Примеры здесь

Элемент статьи является специализированным видом раздела ;он имеет более конкретное семантическое значение, чем раздел в том смысле, что он является независимым, автономным блоком связанного контента.Мы могли бы использовать раздел, но использование статьи придает контенту больше семантического значения.

Answer 2

Не похоже на статью для меня. Согласно спецификации:

Элемент article представляет собой автономную композицию в документе, странице, приложении или сайте и, в принципе, может независимо распространяться или использоваться повторно, например, в синдикации. Это может быть сообщение на форуме, статья в журнале или газете, запись в блоге, пользовательский комментарий, интерактивный виджет или гаджет или любой другой независимый элемент контента.

http://dev.w3.org/html5/spec-author-view/the-article-element.html#the-article-element

Я не думаю, что текст на самом деле является отдельной композицией, которую можно использовать повторно. Это рекламный ролик, знакомство с компанией.

Тогда как <section>, я думаю, было бы хорошо:

Элемент section представляет общий раздел документа или приложения. В этом контексте раздел представляет собой тематическую группу контента, обычно с заголовком.

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

http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element

Не думаю, что имеет значение, что у вас есть только один раздел - в спецификации не сказано, что вам нужно несколько <section> с. (И компания вполне может добавить дополнительные разделы на страницу позже.)

Конечно, все зависит от толкования. И это не имеет много практических последствий.

Answer 3

Всякий раз, когда вы спрашиваете себя "Это семантически правильно?" Вы должны проконсультироваться с "оракулами". Они

• WHATWG <article>
• W3 <article>

Важно то, что W3 и WHATWG указывают на

независимо распространяемый или многократно используемый

Так что в вашем случае <article> не является семантическим.

Состояние [WHATWG <section>]

Раздел в данном контексте представляет собой тематическую группу контента, обычно с заголовком

Есть ли у группы контента заголовок? Я говорю да. Это

Мы являемся компанией Inneres Auge

Если вы не думаете, что у контента есть заголовок, используйте <div>, если вы думаете, что у него есть заголовок, а затем оберните его в <header>

Как еще один у вас есть <div><header></header><article></article></div> Я думаю, что внешний div должен быть <section>

Answer 4

Мне кажется, что div будет лучше всего здесь подходить. У article обычно есть заголовок, которого нет у вас. section было бы целесообразно, если бы сайт был фактически разделен на несколько разделов, но, как вы сказали, ваш - нет, но я думаю, что он все еще может быть использован.

Я написал немного об этом: HTML5: раздел или статья? , что может помочь.