É aceitável em questão SEO e semântica usar tags como <h2>
, <h3>
, <p>
e <div>
dentro de <a href=""></a>
?
Notei que para tornar itens em uma página as pessoas costumam usar uma estrutura semelhante a esta:
<div class="item">
<a href="produto/1">
<figure>
<img src="images/produto-1.jpg" alt="produto 1">
</figure>
<h2>Produto</h2>
<p class="price">R$ 1000</p>
</a>
</div>
Eu sei que a tag <a>
é inline e necessita do display: block
para que funcione, mas a questão realmente é sobre SEO e semântica.
<a>
pode ser inseridas parágrafos inteiros, listas, tabelas,e assim por diante, até mesmo seções inteiras, contanto que não há conteúdo interativo dentro do mesmo, acredito que só iria perder a semântica se houvesse algo do<a>
que altera-se o seu comportamento natural.inline
xblock
sofreu um amadurecimento, agora os elementos estão organizados por categorias, sendo que um elemento pode receber uma classificação diferente dependendo de algumas condições... para entender melhor, leia: Content categories... no caso do <a> ele tanto pode ser umconteúdo de texto
quanto umconteúdo de fluxo
.