Lo que la etiqueta se debe utilizar para texto corto como “ir arriba”, “leer más”, etc?
-
19-09-2019 - |
Pregunta
Lo que la etiqueta se debe utilizar para el texto corto similares.
Volver arriba
Más
es appropirate <p>
o alguna otra cosa debe ser el uso. porque no se trata párrafo.
¿Qué es más semántica
<p><a href="#mainWrapper">Back to top</a></p>
o
<a href="#mainWrapper">Back to top</a>
o
<div><a href="#mainWrapper">Back to top</a></div>
Solución
En general, usted debe usar la etiqueta <a>
ancla.
anidando una <a>
dentro de un <p>
es perfectamente válido, pero en general el <p>
debe reservarse para los párrafos de texto. Dado que la suya es sólo un enlace, la etiqueta <a>
solo será probablemente el más recomendado.
Si desea que su enlace aparezca como un elemento de bloque, sólo tiene que diseñarlo con display: block;
. El hecho de que la etiqueta <a>
normalmente figura en línea es sólo porque es su estilo por defecto.
Otros consejos
etiqueta de anclaje
<a href="#">Back to top</a>
<a href="#">Read more</a>
Puede incrustar una etiqueta de anclaje dentro de un elemento de bloque. Así que algo como esto
<p><a href="#">Back to top</a></p>
Los elementos en línea deben estar encerrados dentro de elementos de bloque, por lo que este es el enfoque básico:
<p><a href="#">Back to top</a></p>
Por lo general, aunque el elemento <a>
ya está dentro de una etiqueta <div>
por lo que el <p>
no es absolutamente necesario, pero es más semánticamente correcta -. Sigue siendo un párrafo de texto, incluso si sólo hay unas pocas palabras en ella
No hay ninguna etiqueta semántica obvia para tales.
-
Tal vez usted realmente no necesita una etiqueta de allí a todos! Por favor, compruebe este caso. -
Si sus "textos cortos" son enlaces, entonces, obviamente, necesita
<a href=
. Si necesita un estilo CSS para el texto, se puede poner en la etiquetaa
también.
* Si necesita una etiqueta única para la estructuración o para colgar de estilos CSS, a continuación, utilizar <span>
.