2014-10-03 5 views
0

Как я понимаю, хорошая HTML5 практика назвать все разделы с помощью h2-h6 теги:Именование HTML5 <section> с инлайн <span>, а не элемент уровня блока

<section id='chapter_one' class='chapter'> 
    <h3>Chapter One</h3> 
    <p>My site has lots of content.</p> 
</section> 

Без элемента, w3c валидатор дает "Раздел не имеет заголовка. Рассмотрите возможность использования элементов h2-h6 для добавления идентифицирующих заголовков ко всем разделам ". Это нормально, но есть ли способ использовать встроенный элемент, а не элемент блока для метки раздела?

<section id='chapter_one' class='chapter'> 
    <p>Welcome to <span>Chapter One</span> of my fine content rich site.</p> 
</section> 

Список литературы: http://www.smashingmagazine.com/2013/01/18/the-importance-of-sections/ и w3c html validation error - Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections и Is it necessary to have a heading of <section> in HTML5

ответ

0

No.

В спецификации HTML5 определяет в Headings and sections:

Первый элемент заголовка контента в элементе секционирования содержания представляет заголовок для этого раздела.

И heading content категории содержит:

h1, h2, h3, h4, h5, h6

+0

Как о арии-labelledby = "глава _ {{ID}}" Bryce

+0

@Bryce: WAI-ARIA не влияет на схему документа. (Он может помочь вспомогательным технологиям, но он не обязательно используется другими потребителями вашего HTML.) – unor