Possiamo aggiungere un <span> all'interno del tag H1?

96

È un metodo corretto utilizzare il tag span all'interno del tag H1?

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

Espandi lo snippet

So che possiamo scriverlo in questo modo ... e sto anche seguendo la sintassi seguente nel mio sito web ..

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

Espandi lo snippet

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

html

— Codeobsession
fonte

3

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

— dpp

2

Non dimenticare di contrassegnare la risposta come accettata se hai le informazioni che desideri

— Pranay Rana,

Mettere gli intervalli nelle intestazioni presenta problemi con il wrapping delle parole. Qualcun altro l'ha osservato?

— Rafael

1

Hai mai provato a racchiudere del testo in un arco di tempo? E che ne dici di avvolgere il testo che si trova in qualsiasi elemento di blocco? @Rafael

— Daniel Springer

180

Si, puoi.

HTML4 ha questo da dire :

<!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 -->

Ed %inline;è:

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

E %special;include <span>.

L'attuale HTML ha questo da dire :

Contenuto contenuto
Fraseggio contenuto

E il contenuto della frase include <span>.

— mu è troppo corto
fonte

1

Il collegamento da "HTML5 ha questo da dire" è interrotto :(

— mehulkar

@mehulkar Grazie per avermelo fatto sapere, dovrebbe essere risolto ora.

— mu è troppo breve

30

Si, puoi. Può essere utilizzato per formattare una parte di un blocco h1:

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

Se lo stile si applica all'intero blocco h1, lo faccio:

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

— mnsr
fonte

1

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

— nu everest

3

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

E a volte non c'è un modo più pulito per farlo, ad esempio se vuoi modellare solo una parte del h1 .

D'altra parte ... non farlo se non è necessario, perché è un po 'brutto :)

— Dave
fonte

2

Sì, va bene, ma perché no

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

Se è tutto quello che stai facendo?

— Simon Sarris
fonte

1

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

— Daniel Springer

1

Si, puoi. Lo span viene visualizzato in linea, quindi non dovrebbe influire sullo stile dell'H1.

— geetfun
fonte

0

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

— Touhid Rahman
fonte

0

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

— Touhid Rahman
fonte

-2

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

Pensa nelle righe sopra - Ha funzionato per me - usa display: inline prop

— takrishna
fonte

Cosa c'entra questo con la domanda?

— Quentin

3

@Quentin credo che intendesse suggerire di forzare l'intestazione come elemento in linea. Una bella idea, se è fattibile.

— Daniel Springer

2

Questa risposta non dovrebbe essere votata negativamente poiché risolve il problema sebbene non sia ciò che viene chiesto direttamente. +1 per la soluzione.

— Achala Dissanayake