Quali tag deve essere utilizzato per il testo breve come “back to top”, “Leggi tutto”, ecc?
-
19-09-2019 - |
Domanda
Quali tag deve essere utilizzato per il testo breve come.
Torna in alto
Continua
è appropirate <p>
o qualcosa d'altro dovrebbe essere l'uso. perché questi non sono paragrafo.
Che è più semantico
<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>
Soluzione
In generale è necessario utilizzare il tag di ancoraggio <a>
.
Nesting un <a>
all'interno di un <p>
è perfettamente valido, ma in generale il <p>
dovrebbe essere riservato per paragrafi di testo. Dal momento che il vostro è solo un link, il tag <a>
solo sarà probabilmente la più consigliata.
Se volete che il vostro link per apparire come un elemento di blocco, semplicemente lo stile con display: block;
. Il fatto che il tag <a>
viene normalmente visualizzato in linea è solo perché è il suo stile di default.
Altri suggerimenti
tag di ancoraggio
<a href="#">Back to top</a>
<a href="#">Read more</a>
È possibile incorporare un tag di ancoraggio all'interno di un elemento di blocco. Quindi, qualcosa di simile
<p><a href="#">Back to top</a></p>
elementi in linea devono essere racchiusi all'interno elementi a livello di blocco, quindi questo è l'approccio di base:
<p><a href="#">Back to top</a></p>
Di solito, però l'elemento <a>
è già dentro un tag <div>
in modo che il <p>
non è assolutamente necessario, ma è più semanticamente corretto -. È ancora un paragrafo di testo, anche se c'è solo un paio di parole in esso
Non c'è nessun tag semantica ovvia per tale.
-
Forse non si ha realmente bisogno di un tag di lì a tutti! Si prega di verificare la presenza di questo caso. -
Se i "testi brevi" sono i link, allora dovrete, ovviamente,
<a href=
. Se avete bisogno di uno stile CSS per il testo, si può mettere nel taga
troppo.
* Se avete bisogno di un tag per solo o per appendere gli stili CSS da, quindi utilizzare <span>
strutturazione.