90
Desidero nidificare i tag span e a. DovreiSpan all'interno dell'ancora o dell'ancora all'interno della campata o non importa?
- Mettere
<span>all'interno<a> - Mettere
<a>all'interno<span> - non importa?
A
risposta
16
Non importa: sono entrambi consentiti l'uno dentro l'altro.
16
che dipende da ciò che si desidera contrassegnare.
- se si desidera un collegamento all'interno di un arco, mettere
<a>all'interno<span>. - se si vuole marcare qualcosa in un link, mettere in
<span><a>
+2
'se vuoi un collegamento all'interno di un intervallo, inserisci un collegamento all'interno di un intervallo.' - lei, signore, è un genio! +1 da me! – katzenhut
2
Dipende da quello che la durata è per. Se si riferisce al testo del collegamento e non al fatto che si tratta di un collegamento, scegliere # 1. Se lo span fa riferimento al collegamento nel suo insieme, quindi scegli # 2. A meno che tu non spieghi cosa rappresenta lo span, non c'è molto più di una risposta. Sono entrambi elementi in linea, possono essere annidati sintatticamente in qualsiasi ordine.
+0
Corretto, sono entrambi elementi in linea. – Chris
0
Funzionerà entrambi, ma personalmente preferirei l'opzione 2 in modo che l'intervallo sia "intorno" al collegamento.
97
3 - Non importa.
MA, tendo di utilizzare solo un <span> all'interno di un <a> se è solo per un parte del contenuto del tag cioè
<a href="#">some <span class="red">text</span></a>
Piuttosto che:
<a href="#"><span class="red">some text</span></a>
che dovrebbe ovviamente solo:
<a href="#" class="red">some text</a>
+1
Recentemente mi sono imbattuto in un problema di spazio bianco con overflow di testo: ellissi e overflow: nascosto, che poteva essere risolto aggiungendo un elemento di blocco inline al mio un pulsante di navigazione. Ho finito con testo. Quindi penso (o spero;)) è giusto farlo quando ne hai davvero bisogno. –
30
È perfettamente valido (almeno per gli standard HTML 4.01 e XHTML 1.0) per annidare uno <span> all'interno di uno <a> o uno <a> all'interno di uno <span>.
Solo per dimostrare a voi stessi, si può sempre controllare fuori un l'W3C MarkUp Validation Service
Ho cercato di convalidare:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title</title>
</head>
<body>
<p>
<a href="http://www.google.com/"><span>Google</span></a>
</p>
</body>
</html>
E anche lo stesso come sopra, ma con l'<a> all'interno del <span>
cioè
<span><a href="http://www.google.com">Google</a></span>
con entrambi i doctypes HTML 4.01 e XHTML 1.0 ed entrambi hanno superato la convalida con successo!
Unica cosa da tenere presente è assicurarsi di chiudere i tag nell'ordine corretto. Quindi, se inizi con un <span> quindi un <a>, assicurati di chiudere il tag <a> prima di chiudere lo <span> e viceversa.
0
Semanticamente penso abbia più senso come un contenitore per un singolo elemento e se è necessario nidificarli allora questo suggerisce più che l'elemento sarà all'interno di quello esterno.
15
SPAN è un contenitore in linea GENERICO. Non importa se uno spanspan o span è all'interno di a poiché entrambi sono elementi in linea. Sentiti libero di fare ciò che sembra logicamente corretto per te.
1
Personalmente, come sviluppatore web, inserisco sempre un'estensione all'interno di un tag di ancoraggio se sto tentando di evidenziare una sezione del testo dei collegamenti, ad esempio applicando uno sfondo a una sezione.
1
Può essere importante, ad esempio, se si utilizza un font di ordinamento. Ho avuto questo solo ora con:
<span class="fa fa-print fa-3x"><a href="some_link"></a></span>
Normalmente avrei messo l'arco all'interno della A ma lo stile non stava prendendo vigore fino scambiato è rotonda.
Problemi correlati
- 1. Yii importa o include
- 2. PHP o HTML prima o importa?
- 3. Impedire l'involucro dei contenitori (span o div)
- 4. Come ottenere l'altezza della linea di una campata?
- 5. Python - 'importa' o passa moduli come parametri?
- 6. JQuery - aggiungi evento click agli elementi LI o SPAN?
- 7. come chk se il tag span contiene testo o meno
- 8. Javascript ottenere testo HTML interno per campata in base al nome della classe
- 9. spettacolo sfondo dello span vuoto
- 10. jQuery per ottenere il testo della prima campata di ogni li
- 11. Span Android o spazio non interruttivo Causa interruzione di riga e duplicazione di testo (4.0 ICS)
- 12. semplice div contenente span non si dimensiona correttamente
- 13. Mostrando Disqus commento conteggio in un DIV o SPAN - non <a href>
- 14. campata verticalmente centro (etichetta bootstrap) insieme ad altri elementi
- 15. GAE non importa gflags
- 16. Non capisco twitter bootstrap span e riga
- 17. Centrare una campata verticale all'interno di un elemento
- 18. Definizione della funzione o definizione della variabile?
- 19. select2 non disabiliterà o cancella
- 20. Non avvolgere gli elementi span
- 21. CSS span non completamente avvolgente
- 22. TextNode o textContent?
- 23. Larghezza CSS di un tag <span>
- 24. CSS - larghezza non onorato sul tag span
- 25. Emacs equivalenti di Vim's dd, o, O
- 26. Come ottenere l'elemento per nome della classe o id
- 27. fmod o non fmod?
- 28. BigInteger o non BigInteger?
- 29. Sottoclasse o non sottoclasse
- 30. e, o, non contro &&, ||,!
Ma è un livello di blocco e è un elemento di livello inline e l'elemento di livello di blocco non può entrare all'interno dell'elemento inline. Penso che sia stato in validazione w3c –
No, entrambi sono in linea – Greg