Pode colocar uma tag href dentro de outra?

[ratone 0]

Tenho duvida posso ou nao colocar uma tag href dentro de outra?

 

	   <figure>
        <a href="#" title="image">
	     <img src="img/capas/image.jpg" alt="" title="image">
	      <div class="links">
	       <i class="fa fa-download" title="image"></i>
		    <a href="#">
		     <i class="fa fa-info" title="image"></i>
		    </a> 
	      </div>
	    </a>
	   </figure>

Deu certo o que eu queria fazer mais penso que deste modo possa gerar algum problema a mais tarde no código fonte.

 

Me ajude aii galerinha nessa pequena duvida :D

[L. Henrique 179]

/* Questão 1 */

Q: Pode colocar uma tag href dentro de outra?

R: Não.

 

/* Questão 2 */

Q: Porquê?

R: A documentação do W3C não especifica, só diz que não pode (Até porque não faria sentido algum).

 

/* Questão 3 */

Q: Mas está funcionando.

R: Não, não está. O anchor interno vai receber o link do anchor externo. Se o externo não possuir href, ele pega o de dentro, mas mesmo assim os browsers podem interferir na leitura do código. Exemplo:

<a href="1">
   <a href="2"></a>
</a>

O browser vai considerar que o fechamento da tag[href=1] é na linha da tag[href=2], ou seja, vai sobrar um anchor fechando no seu código.

/* Questão 4 */

Q: Então eu não posso estruturar dessa forma?

R: Não. É considerado HTML inválido. Por um lado (maior lado) não faz sentido nenhum ter um link dentro de um link, até porque os elementos filhos recebem as propriedades dos pais, mas por outro lado, quem desenvolve a estrutura do HTML poderia muito bem facilitar nossa vida e liberar uma "lógica" dessas.