Могу ли я дать одинаковый размер шрифта для H1 и H2

Я проверяю свой код в w3c validator.

Я получаю следующую ошибку:-

Рассмотрите возможность использования элемента h1 только в качестве заголовка верхнего уровня (все элементы h1 обрабатываются как заголовки верхнего уровня многими программами чтения с экрана и другими инструментами).

Проблема в том, что самый большой размер шрифта на моем сайте - 18 пикселей. Текст в слайдере и некоторые заголовки в теле используют размеры шрифта 18px.

Могу ли я дать одинаковый размер шрифта для H1 и H2 и использовать H1 для slier и H2 для заголовков в теле.

Спасибо

Источник

3 ответа

Решение

Вы никогда не должны использовать какие-либо теги заголовков для текста, они должны использоваться только для заголовков. Это о семантике.

H1 означает, что это заголовок верхнего уровня. H2 будет суб H1 и т. Д.

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

Если вам нужен определенный размер в слайдере или любом другом элементе, просто присоедините к нему класс и стилизуйте правильные элементы.

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

Источник

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

Рекомендация валидатора важна. @rahiil дал хорошее предложение по использованию классов, но я думаю, что это была плохая рекомендация "забыть об ошибке в валидаторе W3C". Правильно сформированная, корректная и семантическая разметка хороша по многим причинам, но две очень важные:

  1. Доступность. Люди, которые на самом деле не могут видеть то, что находится на экране, могут лучше понять содержание страницы, если вы предоставите им контекст, в основном предоставив дорожную карту своему контенту с помощью соответствующих тегов.
  2. SEO: на рейтинг вашей страницы влияет то, как вы пишете свою разметку. Хотя Google не публикует свои точные алгоритмы расчета PageRank, они ясно дают понять (в своих видео, инструментах для веб-мастеров и т. Д.), Что семантика имеет значение, и рекомендуется использовать только один <h1> отметьте на своей странице.

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

Источник

То, что вы используете, зависит от вас. Вы можете использовать тот же размер шрифта, как вам нужно. Забудьте ошибку в валидаторе W3C, он все еще хочет type="text/css" для тега