¿Los elementos de encabezado son bloques o elementos en línea?

¿Es correcto cambiar el color del texto dentro de un elemento H1, H2, H3, H4, H5 o H6? ¿Son elementos a nivel de bloque?

Por ejemplo:

<h1><span style="color:#ABAB">#500</span> Hello world</h1>

Son elementos de bloque.

Si miras el HTML 4.01 estricto DTD:

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

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

Por lo tanto, todos se definen como %heading entidades, que a su vez forman parte del %block entidades.

En cuanto a la pregunta sobre si puede cambiar el color, eso es solo estilo y está bien, aunque lo haría en un archivo CSS, no en línea:

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

Sí, esta es la forma correcta, si desea utilizar CSS en línea. De lo contrario, utilice un class atributo decir:

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

Ahora el CSS es:

h1.title span {
   color: #ababab;
}

de nuevo, si <h1> a <h6> son elementos a nivel de bloque.

La forma más fácil de averiguar si un elemento es un elemento a nivel de bloque o en línea es ponerle un borde.

HTML

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

CSS

h1 {
   border: 2px solid green;
}

span {
   border: 2px solid blue;
}

Más ejemplos en JSFiddle.

Sí, todos los encabezados son elementos a nivel de bloque.

En otra nota, #ABAB no es un color válido.

Sí un span dentro de una etiqueta h1 está permitido. Como puedes ver en el Página de referencia W3C para la etiqueta h1:

Contenidos permitidos: contenido de fraseo

Y el contenido de la frase es texto normal, así como su span elemento (y varios otros elementos como se puede ver en este página de referencia para frasear contenido.

Ah, sí, y las etiquetas de encabezado son elementos de bloque.

La mejor práctica es primero crear un estilo CSS en un archivo de hoja de estilo.

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

El color altera el color de la fuente, no el color de fondo, por lo que técnicamente es igualmente correcto. Sin embargo, hacerlo de esa manera significa que para cada encabezado que desee con este estilo, debe especificar una etiqueta de intervalo dentro como lo ha hecho.

Una mejor solución si desea tenerlo siempre vigente para las etiquetas h1 podría ser incluir una hoja de estilo con el siguiente código:

h1 {
  color: #ABABAB
}