Quel étiquette doit être utilisé pour faire court texte comme « back to top », « Lire la suite » etc?

StackOverflow https://stackoverflow.com/questions/2019455

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>
Était-ce utile?

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 balise a aussi.

* Si vous avez besoin d'une balise pour structurer uniquement ou pour accrocher des styles CSS à partir, puis utilisez <span>.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top