HTML5 Несколько тегов H2
Могу ли я уйти со следующим:
<div id="titles">
<h1>Main Title</h1>
<h2>Subtitle One</h2>
<h2>Subtitle Two</h2>
<h2>Subtitle Three</h2>
</div>
Без параграфов или тегов h3/h4 между H2s? Или лучше обернуть все три заголовка в один тег H2, используя интервалы и разрывы? Это основные три услуги, предлагаемые клиентом.
Спасибо!
2 ответа
Если Subtitle Two не зависит от Subtitle One Я бы поместил их в отдельные теги H2.
Посетите эту страницу, чтобы узнать больше о заголовках HTML.
Поскольку это просто обычный HTML, вы можете делать все, что захотите. Это полностью зависит от вас.
Если вы должны иметь их как h2 было бы лучше иметь их как отдельные теги, потому что это лучше структурирует страницу и облегчает редактирование отдельных субтитров с помощью css и т. д.
Лучшим вариантом было бы иметь субтитры в виде неупорядоченного списка. Например:
<div id="titles">
<h1>Main Title</h1>
<ul>
<li>Subtitle One</li>
<li>Subtitle Two</li>
<li>Subtitle Three</li>
</ul>
</div>
И стиль это так, чтобы он выглядел как h2:
<style type="text/css">
#titles ul {
list-style: none;
}
#titles ul li {
font-weight: bold;
font-size: 24px;
}
</style>
Это лучше для поисковых систем и читаемости кода.
Поисковые системы используют заголовки для индексации структуры и содержания ваших веб-страниц.
Пользователи просматривают ваши страницы по заголовкам. Важно использовать заголовки, чтобы показать структуру документа.