it4life - Portal de Informática

jfrosorio


junkie user
93 posts

Sempre que desenvolvo um website, tenho como hábito criar um elemento H1 para conter o nome do site. Depois edito com CSS para por-lhe o logo como background. Por último, coloco o elemento H1 dentro de uma âncora para linkar à homepage. Contudo, isto dá erro de validação no w3schools.

Alguém consegue explicar a causa do erro? E se possível, indicar uma alternativa.


A prática vale muito, mas é a vontade de ir mais longe que garante o sucesso.

Bumblebee


junkie user
24 posts

De acordo com o DOM, o elemento <h1> é do nível block e <a> é um elemento do nível inline. Semanticamente, é errado colocar elementos do tipo block dentro de elementos do tipo inline.

Como alternativa, usa antes o seguinte código:

<h1><a href="index.html">Nome do site</a></h1>

E colocas o background no element <a>.


Muito do que sei, tive de aprender sozinho. Se não fosse desenrascado, bem que estava tramadinho.

jfrosorio


junkie user
93 posts

Pois, de facto também já tinha lido qq coisa sobre isso. Mas como no aviso do W3C dizia algo relecionado com o tipo de documento HTML, pensei que se poderia resolver de outra forma.

Obrigado pela dica!


A prática vale muito, mas é a vontade de ir mais longe que garante o sucesso.

Bumblebee


junkie user
24 posts

No prob!


Muito do que sei, tive de aprender sozinho. Se não fosse desenrascado, bem que estava tramadinho.

Segue-nos nas redes sociais