Являются ли блоки H1, H2, H3, H4 блоками или встроенными элементами?

Ответ 1

Это элементы блока.

Если вы посмотрите на HTML 4.01 строгое DTD:

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">

<!ENTITY % block
     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

Итак, все они определены как %heading сущности, которые, в свою очередь, являются частью сущностей %block.

Что касается вопроса о том, можете ли вы изменить цвет - это просто стилизация и все в порядке, хотя я бы сделал это в файле CSS, а не в строке:

H1, H2, H3, H4, H5, H6
{
 color: #ccccc;
}

Ответ 2

Да Это правильный путь, если вы хотите использовать встроенный css. В противном случае сделайте класс say

<h1 class="title"><span>#500</span> Hello world</h1>

Теперь его Css:

h1.title span{
color:#ABABAB;
}

Снова да h1 - h6 - уровень блока.

Ответ 3

да заголовки - это уровень блока.

в другой заметке, #ABAB не является допустимым цветом:)

Ответ 4

Да, span в теге h1 разрешен. Как вы можете видеть на странице W3C Reference для тега h1:

Допустимое содержимое: фразинг

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

О да, и теги заголовка являются блочными элементами.

Ответ 5

Самый простой способ выяснить, является ли элемент блочным уровнем или встроенным элементом, - это разместить вокруг него границу.

HTML

<h1> Heading 1 </h1>
<span> Span </span>

CSS

h1 {
   border: 2px solid green;

}

span {
   border: 2px solid blue;
}

Дополнительные примеры jsFiddle.

Ответ 6

Лучшая pracktace сначала создает стиль CSS в таблице стилей.

h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
} 

Ответ 7

Цвет изменяет цвет шрифта, а не цвет фона, поэтому технически он одинаково корректен. Тем не менее, это означает, что для каждого заголовка, который вы хотите с помощью этого стиля, вы должны указать тег span внутри, как вы это делали.

Лучшее решение, если вы хотите всегда иметь его в силе для тегов h1, может включать в себя таблицу стилей со следующим кодом:

h1 {
  color: #ABABAB
}