[Resolvido] Como botar um link em um título validado e semântico

[Muskt 0]

Seguinte pessoal,

 

Pensando na semântica, ao invez de criar:

 

<a href="#" class="titulo">Titulo</a>

Fiz o correto semânticamente falando:

 

<a href="#"><h1>Titulo</h1></a>

Só que recebo isso ao validar: The tag:"h1" is not allowed within: "a" It is only allowed within: blockquote, body, button, dd, del, div, fieldset, form, ins, li, map, noscript, object, td, th.[XHTML 1.0 Strict]

 

Alguem sabe a solução ? Ou sugestão ?

 

Abraços !

[vnp 1]

<a href="#" class="titulo">Titulo</a>

Sera que a primeira forma não é a certa?

[William Bruno 1501]

<h1> é um elemento nível de bloco.

<a> é um elemento inline.

você não pode colocar um nivel de bloco dentro de um inline.

 

O correto seria:

<h1><a href="">Titulo</a></h1>

E com um pouco de CSS, display:block; width, e height você consegue o efeito de deixar o link em todo o header.

[Muskt 0]

Deu certo aqui, validou certinho ...

 

Mais apanhei com CSS, hehhe

 

Valeu William, Abraço !