2011-11-17 10 views
69

Siempre tropiezo con esto (una pregunta bastante simple) cuando hago, p. Blogs de Wordpress. ¿Debo envolver el título, que también debería ser un enlace, en un elemento de anclaje <a>, o debería ser al revés? ¿Y por qué?¿Anclajes dentro de los encabezados o viceversa?

(1):

<a href="foo"> 
    <h1>bar</h1> 
</a> 

(2):

<h1> 
    <a href="foo">bar</a> 
</h1> 

siempre termino haciendo (1), ya que apenas se parece más lógico para mí, que el título está envuelto en un enlace.

Hace la diferencia, por ejemplo, en. SEO? ¿Hay una mejor práctica?

+2

[Esta pregunta en Pro Webmasters] (http://webmasters.stackexchange.com/questions/20446/anchor-tag-inside-h1-or-h1-inside-achor-tag-which-is-better) es lo que estás buscando –

+0

Gracias, parece que :) –

Respuesta

66

Antes de HTML5:
El anclaje tiene que estar dentro de la cabecera, no se puede poner un elemento en bloque dentro de un ancla, y la mayoría de los navegadores no hacerla 100% fiable si lo hace.

En HTML5:
No importa, el uso de lo que uno hace que la mayoría semántica sentido. Probablemente el primero.

Recuerde que si su documento utiliza DTD HTML4, no se validará y no se procesará correctamente porque está utilizando las reglas anteriores donde un ancla no puede contener un elemento de nivel de bloque. Solo usa la primera opción en HTML5. XHTML es equivalente a HTML4, aunque no estoy 100% seguro acerca de XHTML1.1 (pruébalo y verifica si valida).

7

Si está utilizando una DTD HTML 4.01 (No estoy seguro acerca de la transición, pero definitivamente la estricta), entonces el elemento de anclaje debe aparecer dentro del elemento de encabezado. Verifique su doctype si no sabe qué DTD está usando (suponiendo que tenga uno, que necesita para que su código se considere válido). El tipo de documento HTML 5 es el siguiente:

<!DOCTYPE HTML> 

el tipo de documento es 4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

También me gustaría sugerir a familiarizarse con el propio si usted va a trabajar con 4.01 DTD, responderá todos estos tipos de preguntas.

Cuestiones relacionadas