Quel étiquette doit être utilisé pour faire court texte comme « back to top », « Lire la suite » etc?
-
19-09-2019 - |
Question
Quelle balise doit être utilisée pour le texte court comme.
Retour en haut
En savoir plus
est <p>
appropirate ou quelque chose d'autre devrait être utilisé. car ceux-ci ne sont pas au paragraphe.
Ce qui est plus sémantique
<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>
La solution
En général, vous devez utiliser la balise <a>
d'ancrage.
Nesting un <a>
dans un <p>
est parfaitement valable, mais en général le <p>
doit être réservée aux paragraphes du texte. Étant donné que le vôtre est juste un lien, la balise <a>
seul sera probablement le plus recommandé.
Si vous voulez que votre lien apparaisse comme un élément de bloc, le style simple avec display: block;
. Le fait que la balise <a>
est normalement affiché en ligne est seulement parce qu'il est son style par défaut.
Autres conseils
balise d'ancrage
<a href="#">Back to top</a>
<a href="#">Read more</a>
Vous pouvez insérer une balise d'ancrage dans un élément de bloc. Donc, quelque chose comme ça
<p><a href="#">Back to top</a></p>
éléments en ligne doivent être placés à l'intérieur des éléments de niveau bloc, c'est donc l'approche de base:
<p><a href="#">Back to top</a></p>
En général, si l'élément <a>
est déjà dans une balise <div>
de sorte que le <p>
n'est pas absolument nécessaire, mais il est plus sémantiquement correct -. Il est encore un paragraphe de texte, même s'il n'y a que quelques mots dans ce
Il n'y a pas étiquette sémantique évidente pour un tel.
-
Peut-être que vous n'avez pas vraiment besoin d'une étiquette là du tout! S'il vous plaît vérifier ce cas. -
Si vos « textes courts » sont des liens, vous devez évidemment
<a href=
. Si vous avez besoin d'un style CSS pour le texte, vous pouvez le mettre dans la balisea
aussi.
* Si vous avez besoin d'une balise pour structurer uniquement ou pour accrocher des styles CSS à partir, puis utilisez <span>
.