Differenza tra div e span

Sommario:

Differenza tra div e span
Differenza tra div e span

Video: Differenza tra div e span

Video: Differenza tra div e span
Video: DIV, SPAN, CLASS e ID | HTML5 e CSS3 Tutorial ITA 2024, Luglio
Anonim

Differenza chiave – div vs span

HTML è un linguaggio ampiamente utilizzato per sviluppare pagine web. Sta per Hyper Text Markup Language. Il termine Hyper si riferisce al collegamento ad altre risorse Web su Internet. Il termine Markup si riferisce alla capacità di creare testo formattato con immagini e altre risorse multimediali. I collegamenti ipertestuali sono i componenti principali in HTML che collegano tutte le risorse Web. Esistono diverse versioni di HTML. Sono HTML 2.0, 3.2, 4.01 e HTML5. Fondamentalmente, l'HTML è un documento di testo con tag. Indica al browser Web il modo in cui strutturare la pagina Web per visualizzarla. Il div e lo span sono due tag in HTML. Ogni elemento HTML ha un valore di visualizzazione predefinito a seconda del tipo di elemento. Quindi, possono essere un blocco o elementi inline. Questo articolo illustra la differenza tra div e span. Il differenza fondamentale tra div e span è quello div è un elemento a livello di blocco mentre span è un elemento inline.

Cos'è div?

Tutti i documenti html iniziano con una dichiarazione del tipo di documento. Oggi la versione più comune di HTML è HTML5. Pertanto, la dichiarazione di tipo è. Tutti i tag html dovrebbero essere inclusi all'interno dei tag e. I dettagli necessari della pagina web sono inclusi all'interno del tag. La pagina web visibile è scritta all'interno del tag. Ci sono tag per ogni scopo. Il

tag è usato per i paragrafi. Il

,

ecc. sono usati per le intestazioni. Il contenuto all'interno del tag iniziale e finale è noto come elemento. es.

Questo è un paragrafo

Differenza tra div e span
Differenza tra div e span

Figura 01: HTML5

Ogni elemento HTML ha un valore di visualizzazione predefinito a seconda del tipo di elemento. I valori di visualizzazione predefiniti possono essere bloccati o in linea. Gli elementi a livello di blocco iniziano sempre con una nuova riga. Questi elementi occupano l'intera larghezza disponibile. Alcuni esempi di elementi a livello di blocco sono,, e

Il tag div è anche un elemento a livello di blocco in HTML. La sintassi è la seguente.

Ciao mondo!

Gli elementi div sono un contenitore per altri elementi. Pertanto, un insieme di elementi può essere compresso nell'elemento div. Se utilizzato con CSS (Cascading Style Sheet), il tag div può essere utilizzato per definire lo stile di un blocco di contenuto. Fare riferimento al codice sottostante.

Differenza tra div e span_Figura 03
Differenza tra div e span_Figura 03

Due paragrafi sono all'interno del tag div. Tutto il contenuto all'interno del tag div ha il colore di sfondo nero e il colore del carattere bianco.

Cos'è l'intervallo?

A differenza degli elementi a livello di blocco, gli elementi inline non iniziano su una nuova riga. Richiede solo la larghezza richiesta. Alcuni esempi di elementi inline sono,, e

KeyDifference Tra div e span
KeyDifference Tra div e span

Il tag span è anche un elemento inline in HTML. La sintassi è la seguente.

Ciao mondo!

Figura 02: tag div e span

Il tag span è usato come contenitore per del testo. Questo tag può essere utilizzato anche con CSS. Pertanto, è possibile applicare uno stile a una parte del testo. Fare riferimento all'esempio di seguito. Il "paragrafo 1" si trova all'interno del tag span. Il colore viene aggiunto utilizzando l'attributo di stile CSS.

Questo è il paragrafo1

Quali sono le somiglianze tra div e span?

  • Sia div che span raggruppano i tag in HTML.
  • Sia div che span contengono il tag iniziale e il tag finale.
  • Sia div che span possono avere l'attributo style.

Qual è la differenza tra div e span?

div vs span

Il div è un tag HTML che definisce una divisione o una sezione in un documento HTML. Lo span è un tag HTML utilizzato per raggruppare elementi inline in un documento HTML.
Utilizzo
Il tag div viene utilizzato come contenitore per altri elementi. Il tag span viene utilizzato come contenitore per del testo.
Nuova linea
Il tag div inizia con una nuova riga. Il tag span non inizia con una nuova riga.
Larghezza richiesta
Il tag div occuperà tutta la larghezza. Il tag span occuperà solo la larghezza richiesta.
Sintassi

Riepilogo – div vs span

HTML sta per Hyper Text Markup Language. È usato per sviluppare siti web. Questa lingua è composta da tag. I tag di raggruppamento div e span in HTML. Sono usati per definire una sezione in un documento. Questo articolo ha spiegato la differenza tra i tag div e span. La differenza tra div e span è che div è un elemento a livello di blocco mentre span è un elemento inline.

Scarica il PDF di div vs span

Puoi scaricare la versione PDF di questo articolo e usarla per scopi offline come da nota di citazione. Si prega di scaricare la versione PDF qui: Differenza tra div e span

Consigliato: