2011-09-23 4 views
80

È un metodo corretto per utilizzare il tag span all'interno del tag H1?È possibile aggiungere uno <span> all'interno del tag H1?

<h1> 
 
    <span class="boardit">Portfolio</span> 
 
</h1>

So che possiamo scrivere in questo modo ... e sono anche la seguente sintassi nel mio sito ..

<h1 class="boardit"> 
 
    <span>Portfolio</span> 
 
</h1>

Tuttavia, volevo solo conoscere la forma più pulita di html ..

+1

Qual è l'obiettivo? –

+3

@ fireeyed Penso che voglia seguire ciò che è giusto, semantica del tag intendo. – dpp

+2

Non dimenticare di contrassegnare la risposta come accpeted se hai le informazioni che non vuoi –

risposta

22

Sì, è possibile. Può essere utilizzato per formattare una parte di un blocco h1:

<h1>Page <span class="highlight">Title</span></h1> 

Se lo stile si applica a tutto il blocco h1, faccio questo:

<h1 class="highlight">Page Title</h1> 
+0

@dpp perché si dovrebbe evitare l'uso di nomi di presentazione? –

3

Sì, è in genere bene usare un span all'interno di un h1. span è un elemento in linea, quindi in genere va bene usarlo all'interno di qualsiasi cosa (che consente elementi al suo interno!)

E a volte non c'è un modo più pulito per farlo, diciamo se si desidera applicare solo una parte dello h1 .

D'altra parte ... non lo fanno se non è necessario, in quanto è un po 'brutto:)

2

Sì va bene, ma perché non

<h1 class="boardit"> 
     Portfolio 
    </h1> 

Se questo è tutto stai facendo?

+1

Non è tutto. La richiesta è di modellare solo parte dell'intestazione. –

1

Sì, è possibile. L'intervallo viene visualizzato in linea, quindi non dovrebbe influire sullo stile di H1.

160

Sì, è possibile.

HTML4 has this to say:

<!ENTITY % heading "H1|H2|H3|H4|H5|H6"> 
<!-- 
    There are six levels of headings from H1 (the most important) 
    to H6 (the least important). 
--> 

<!ELEMENT (%heading;) - - (%inline;)* -- heading --> 

E %inline; è:

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;"> 

E %special; include <span>.

HTML5 has this to say:

contenuti consentiti
contenuti Fraseggio

E Phrasing content include Phrasing elements che comprende <span>.

0

Sì, possiamo usare il tag span con i tag di intestazione e non c'è niente di sbagliato in esso. In effetti questo è ampiamente utilizzato per lo stile dei tag di intestazione, specialmente per colorare una determinata parola o lettera.

0

Sì, possiamo usare il tag span con i tag di intestazione e non c'è niente di sbagliato in esso. In effetti questo è ampiamente utilizzato per lo stile dei tag di intestazione, specialmente per colorare una determinata parola o lettera.

-2
<h1 style="display:inline;">Bold text goes here</h1> 
<span style="display:inline;">normal text goes here</span> 

pensare in righe sopra - ha funzionato per me - visualizzazione uso: inline prop

+0

Cosa c'entra questo con la domanda? – Quentin

+2

@ Quentin Credo che intendesse suggerire di forzare l'intestazione ad essere un elemento in linea. Un'ottima idea, se è fattibile. –

+0

Questa risposta non dovrebbe essere rifiutata perché risolve il problema anche se non è quello che viene chiesto direttamente. +1 per la soluzione. –

Problemi correlati