Que tag deve ser usada para texto curto como "de volta ao topo", "Leia mais" etc?
-
19-09-2019 - |
Pergunta
Qual tag deve ser usada para texto curto.
De volta ao topo
Consulte Mais informação
é <p>
apropriado ou algo mais deve ser usado. Porque estes não são parágrafos.
Que é mais semântico
<p><a href="#mainWrapper">Back to top</a></p>
ou
<a href="#mainWrapper">Back to top</a>
ou
<div><a href="#mainWrapper">Back to top</a></div>
Solução
Em geral você deve usar a âncora <a>
marcação.
Aninhando um <a>
dentro de a <p>
é perfeitamente válido, mas em geral o <p>
deve ser reservado para parágrafos de texto. Já que o seu é apenas um link, o <a>
A tag sozinha provavelmente será a mais recomendada.
Se você deseja que seu link apareça como um elemento de bloco, simplesmente estilize -o com display: block;
. O fato de que o <a>
A tag é normalmente exibida em linha é apenas porque é o seu estilo padrão.
Outras dicas
Tag de âncora
<a href="#">Back to top</a>
<a href="#">Read more</a>
Você pode incorporar uma etiqueta de ancoragem dentro de um elemento de bloco. Então, algo assim
<p><a href="#">Back to top</a></p>
Os elementos embutidos devem ser incluídos dentro dos elementos do nível do bloco, então esta é a abordagem básica:
<p><a href="#">Back to top</a></p>
Geralmente embora o <a>
elemento já está dentro de um <div>
tag So the <p>
Não é absolutamente necessário, mas é mais semanticamente correto - ainda é um parágrafo de texto, mesmo que haja apenas algumas palavras nele.
Não há tag semântica óbvia para isso.
Talvez você realmente não precise de uma etiqueta lá! Por favor, verifique este caso.Se seus "textos curtos" são links, você obviamente precisa
<a href=
. Se você precisar de um estilo CSS para o texto, pode colocá -lo noa
Tag também.
* Se você precisar de uma tag apenas para estruturar ou pendurar estilos CSS, use <span>
.