Можно ли использовать несколько тегов h1 на одной странице, но оформить их по-разному?

Question

У меня есть веб-страница, на которой я использую теги h1 несколько раз в различных DIV, и я задаю h1 для каждого div, чтобы он соответствовал размеру.

Например ...

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

Это хорошо? Я беспокоюсь о SEO.

Как лучше всего это сделать? Или я ни о чем не беспокоюсь?

Answer 1

Пытаясь ответить на тот же вопрос, я разместил этот вопрос, который может содержать некоторую полезную информацию. Мое беспокойство по поводу использования одного и того же H1, H2, H3 в разных местах заключается в том, что если вы ВСЕГДА не зададите «родительский» стиль, как вы это сделали в своем примере *, то вы можете столкнуться с проблемами.

Дилемма в решении, как создать CSS для H1, H2, H3 и т. д.

* то есть вы никогда не определяете h1 отдельно