Должны ли мы пытаться использовать все H1-H6 на веб-сайте?

Question

Должны ли мы использовать все H1-H6 на веб-сайте?

Я использую h1 до h2 обычно. теперь как судить и решать, где использовать H3 до h6.

мы должны использовать как этот

h3 {display:inline} 

<div id="content"> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
</div> 

или этого

span {font-weight:bold} 

<div id="content"> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
</div> 

, чтобы получить результат LKE это

alt text http://easycaptures.com/fs/uploaded/226/1452064646.png

Оба метода W3C действительно, с помощью CSS я могу добиться такой же взгляд от обоих методов, который является семантическим и доступным?

Answer 1

Если текст работает как уровень заголовка под уровнем H2, это будет H3. Прополощите/повторите для H4-H6.

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

Answer 2

Вы используете их в своих целях, так же как и с любыми другими тегами (за пределами обязательных тегов: html, head и т. Д.) Используйте их, когда они вам нужны, но используйте их правильно.

Answer 3

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

Answer 4

Следует отметить, что поисковые системы, такие как теги использование Google заголовков (H1) при обработке страниц для индексации и ранг страницы и т.д.

См How Google is using HTML tags to enhance the search engine?

Answer 5

При написании страниц я стараюсь думать о нем, как написание Книга, если содержимое связано с родительским разделом таким образом, чтобы заслужить свой раздел, затем используйте H3, H4 ... в противном случае вы можете использовать другие теги html, такие как dd (список определений) или ul (Unordered Список).

Конечно, если вы собираетесь использовать SEO, то всегда используйте h1 и h2 для основных заголовков контента (или просто для информации, которую вы хотите найти). И затем, как ранее было сказано, нужно попытаться заставить его почувствовать себя книгой (публикацией).

Answer 6

HTML это язык разметки , что облегчало средство описания вашего контента семантически. CSS предназначен для стилизации вашего контента, то есть визуальной части. Точно так же, как <p> означает, что блок текста является параграфом <Hn> означает, что блок текста является заголовком.

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

Расширение веб-разработчика для Firefox имеет приятную функцию, позволяющую видеть вашу отмеченную структуру документа. Вы можете найти его в разделе «Информация ->».

Answer 7

С точки зрения доступности не используйте несколько уровней заголовков, если только это не влияет на структуру вашего контента. Например, основной документ должен иметь заголовок первого уровня, основные разделы в документе должны иметь заголовок уровня два, а подразделы должны иметь уровень заголовка три. Википедия хорошо справляется с этим, для примера см. Следующую ссылку, которая имеет как разделы, так и подразделы. http://en.wikipedia.org/wiki/Database_normalization

Answer 8

Заголовок - это заголовок для раздела страницы. Он описывает этот раздел в нескольких словах.

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

В примере, который вы указали, особенно сложно определить, должен ли полужирный текст быть заголовком, потому что текст является бессмысленным текстом-заполнителем. «Семантический» просто означает «значение». «Наиболее смысловая» разметка - это та, которая лучше всего передает смысл страницы. Поскольку текст заполнителя не имеет значения, вы не можете выбрать, как его пометить.

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

• <h1>
  • <h2>
    • <h3>
    • <h3>
  • <h2>
    • <h3>
      • <h4>
  • <h2>
    • <h3>

Будет ли текст иметь смысл в схеме? Или это не действительно заголовок, а вместо этого просто смелый, потому что дизайнер хотел подчеркнуть его?