Я читал о семантическом HTML в Интернете ...

Семантический HTML означает использование тегов HTML для их подразумеваемого значения, а не просто использование (бессмысленных) тегов div и span абсолютно для всего.

Если вы используете

вместо

и

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

Итак, ниже приводится семантика,

<h1>My Website Name</h1>
<h2>My Website Tagline </h2>

А как насчет этого?

<div id="header">
  <h1><span class="hide">My Website Name</span></h1>
  <h2><span class="hide">My Website Tagline</span></h2>
</div>

Я обычно комбинирую теги h с тегами div и span, как указано выше - это практикуется как ] отсутствие семантики ?

Причина, по которой у меня есть диапазон с классом hide, заключается в том, что я хочу отображать логотип сайта вместо текста. Поэтому используйте CSS, чтобы установить фон h1 как изображение, а затем скройте текст. это неправильная практика?

Тогда, если я не использую div, что я могу использовать, чтобы сделать рамку вокруг h1 и h2?

Насколько я знаю, html 5 еще не полностью готов, мы пока не должен использовать