[Resolvido] Validação w3c, elemento h2

[William Bruno 1501]

:blink:

Estou usando a seguinte marcação:

<a href="#"><img src" alt=""/>
	<h2>Saiba</h2></a>

O validador me acusa um erro, pois <a> é um elemento inline, e <h2> é um nivel de bloco.

Não há como fazer âncoras com títulos então?

[roberto182 0]

Opa,

Tem sim:

CODE

<h2><a href=""#>Título link!</a></h2>

Abraço!

[William Bruno 1501]

Pois é cara, cheguei à pensar nisso depois de criar o tópico, pois é o correto mesmo, já que a box é o h, e os inline tem de ficar dentro .... mas o problema é que da forma com que eu fiz, é 1 link para 2 elementos, a imagem e o titulo...(muito mais cômodo)

 

mas tá tudo certo... sabe aquela hora em que você tá cansado de ter ficado 5 horas em cima de um lay, ai no finzinho do trabalho, não consegue pensar em mais nada ?^^

 

Só para constar, esse é o resultado:

http://www.cenasordidas.hbe.com.br/cia/calcados.html

[WillianAndrade 0]

o certo seria <h2><a href="#">Texto</a></h2> mesmo

 

só que para 2 elementos, ao meu ver, você deve fazer isso:

 

willianduarte.com - linkcom2elementos

 

 

abraço \o

[William Bruno 1501]

Legal cara, vlw a ideia... mas veja que você colocou como fundo do link.

Isso no meu caso, é até "errado", pois pensando semânticamente: "fundo é fundo" e "imagem é imagem". Eu teria que fazer com imagens mesmo.

 

E além doque você viu o layout?

Fiz uma marcaçãozinha, o verde são as imagens, o azul o titulo, e o vermelho, é o parágrafo que faz a descrição.

Bom seguinte, na tua solução, eu teria que ter uma classe ou id para cada um desses 3, pois são imagens diferentes.

E eu só conseguiria colocar o parágrafo desse modo, se usasse alguns positions(mais sujeira no código), e não me parece ser uma marcação muito "boa".

 

Vou acabar colocando um <a href=""></a> para cada um dos elementos mesmo..

Só vim responder o tópico, pq talvez possa ajudar alguém tb.

[programador php 0]

assim validou

 

<h2><a href="#"><img src="" alt="" />teste</a></h2>

 

abraço

[brcontainer 16]

o erro não ocorre por que tem dois elementos dentro do <A> e sim por que usar TAG de titulo dentro do <A>

não é correto.

 

Bem você pode usar a ideia do Paulo, mas se você está se preucupando com a quantidade de TAGs pesar na tua pagina

você deveria pensar melhor, pois você está usando imagens para "titulos" (Saiba como chegar, Fale conosco, Fabricantes), eu sei que fica mais bonito, mas pesa mais que HTML, leitores de tela não sabem que aquilo são "textos"

 

Tiu Uill aonde você pensa estar sendo semantico, você na verdade está "errando" tome cuidado hehehehe

 

acredito que seria melhor você deixar o seu código um pouco maior do que usar imagens ;)

[William Bruno 1501]

Sim, eu usei imagens por causa do layout que me foi passado, mas existe tb um texto por trás delas.

Se eu soubesse exatamente quais fontes o cara usou, poderia ter feito só com código... usando um :firs-letter, sei lá...

mas como ainda não fiz nenhum trabalho profissionalmente, quiz testar tudo, e acabei usando uma técnica de substituição por imagens, em que se as imagens e/ou CSS estiverem desabilitadas, ainda assim vai aparecer o titulo.

 

A minha preocupação "semântica" do post acima, é que do lado do titulo com a descrição há uma imagem, e me foi sugerido usar ela como um background, isso me parece um pouco mais "errado".

 

 

 

Vlw pelo toque silverfox, pode até fechar esse tópico, acabou que o cara não teve aprovação do lay, e por isso eu nem deveria ter feito o CSS ^^, mas preferi o programar pela experiência.