Можно ли оборачивать тег H1 / H2 / H3 вокруг многостолбцового элемента дизайна для заголовков?

Question

хорошо ли использовать следующий синтаксис, чтобы выделить заголовок из нескольких столбцов общим объемом около 20-30 слов?Я не хочу использовать мультиколонки CSS3, так как они не поддерживаются в IE9 и т. Д.

<H3>
     <div id="headingLeft" >blaa blaa blaa</div> 
     <div id="headingRight">blue blue blue</div> 
</H3>

Answer 1

В заголовках не должно быть элементов div. Может быть, что-то вроде этого ... Данные в двух заголовках не должны быть слишком тесно связаны, иначе вам вообще не следует разбивать их. Я предполагаю, что это похоже на выноску или что-то в этом роде.

<div class="headings">
     <h3 id="headingLeft" >blaa blaa blaa</h3> 
     <h4 id="headingRight">blue blue blue</h4> 
</div>

Answer 2

В ответ на запрос от ОП:

[Это] то, что я искал!Поместите это как ответ так, чтобы я мог принять, как ответ!Голосование за ваш ответ будет за качество ссылки, которую вы добавили.Все объясняется очень понятным языком!

Рассматривали ли вы вопрос об использовании элемента html5 header и, конечно, html5 doctype?

Answer 3

Почему бы не использовать <div> с ассоциированным с ним классом (или селектором css) вместо использования H3 таким способом.Я не уверен, что это более дружественный для SEO способ делать то, что вы хотите делать.

<div class="headline">
  <div id="headingLeft">blaa blaa blaa</div>
  <div id="headingRight">blue blaa blue</div>
</div>

Не похоже, что вы используете H3 семантическим способом.