какой код тега h1 правильный?

Question

Я хочу знать, какой из следующих кодов является правильным ... среди всех трех ...

<h1><span class="bold">realestate</h1>
<h1>realestate</h1>
<h1 class=bold>realestate</h1>

Пожалуйста, дайте мне знать об этом ...

Answer 1

Лучше всего будет вариант 4:

<h1 class="main-heading">realestate</h1>

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

.bold { font-weight: normal; text-decoration: underline; }

Что в лучшем случае сбивает с толку!

Answer 2

Первое неверно, поскольку элемент span не имеет конечного тега:

<h1><span class="bold">...</span></h1>

Второе и третье верны (но в третьем примере двойные кавычки отсутствуют).

---

Но если вы хотите использовать какой из них, я бы сказал, использовать второй и определить жирный стиль для элемента h1, например:

<style>
h1 { font-weight: bold; }
</style>

Answer 3

Это зависит от того, что вы пытаетесь сделать.

Вы пытаетесь сделать все ваши h1 жирным шрифтом? В этом случае используйте # 2 и CSS для стилизации всех элементов h1 соответственно.

CSS

h1 {
  font-weight: bold;
}

HTML

<h1>realestate</h1>

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

CSS

h1.bold {
  font-weight: bold;
}

HTML

<h1 class="bold">realestate</h1>

Первый действительно полезен, только если по какой-то причине вы хотели, чтобы часть h1 была жирной

CSS

.bold {
  font-weight: bold;
}

HTML

<h1><span class="bold">real</span>estate</h1>

Также, как правило, следите за цитатами и конечными тегами из ваших примеров.

Answer 4

Третий вариант, безусловно, кажется мне наиболее чистым, за исключением того, что значение атрибута должно быть заключено в кавычки, при условии, что вы используете XHTML:

<h1 class="bold">realestate</h1>

Не имеет смысла заключать все содержимое тега <h1> в другой тег. Было бы разумнее заключить в тег только ту часть тега, которая должна отличаться от остальной части <h1>, но не полностью отличаться, например:

<h1>Real <span class="bold">Estate</span></h1>

Думайте о теге <span> как о встроенном эквиваленте тега <div>.