Chiave Differenza - div vs campata
 

L'HTML è una lingua ampiamente usata per sviluppare pagine web. È l'acronimo di Hyper Text Markup Language. Il termine Hyper si riferisce al collegamento ad altre risorse Web su Internet. Il termine marcatura si riferisce alla possibilità di creare testo formattato con immagini e altre risorse multimediali. I collegamenti ipertestuali sono i componenti principali in HTML che rendono tutte le risorse Web connesse. Esistono diverse versioni di HTML. Sono HTML 2.0, 3.2, 4.01 e HTML5. Fondamentalmente, HTML è un documento di testo con tag. Indica al browser Web il modo di strutturare la pagina web per visualizzarla. Il div e span sono due tag in HTML. Ogni elemento HTML ha un valore di visualizzazione predefinito in base al tipo di elemento. Quindi, possono essere un blocco o elementi incorporati. Questo articolo discute 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 in linea.

CONTENUTO

1. Panoramica e differenza chiave
2. Cos'è il div
3. Che cos'è lo span
4. Somiglianze tra div e span
5. Confronto affiancato - div vs span in forma tabulare
6. Sommario

Cos'è il div?

Tutti i documenti html iniziano con una dichiarazione del tipo di documento. Oggi la versione più comune di HTML è HTML5. Pertanto, la dichiarazione del tipo è. Tutti i tag html dovrebbero essere inclusi nei 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

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. per esempio.

Questo è un paragrafo

.

Figura 01: HTML5

Ogni elemento HTML ha un valore di visualizzazione predefinito in base al tipo di elemento. I valori di visualizzazione predefiniti possono essere sia in blocco che in linea. Gli elementi a livello di blocco iniziano sempre con una nuova riga. Questi elementi prendono tutta la 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 inserito nell'elemento div. Se utilizzato con Cascading Style Sheet (CSS), il tag div può essere utilizzato per definire un blocco di contenuto. Fare riferimento al codice riportato di seguito.

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.

Che cos'è lo span?

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

Figura 02: tag div e span

Il tag span è usato come contenitore per del testo. Questo tag può anche essere usato con i CSS. Pertanto, una parte del testo può essere in stile. Fare riferimento all'esempio di seguito. Il 'paragrafo1' si trova all'interno del tag span. Il colore viene aggiunto usando l'attributo di stile CSS.

Questo è il paragrafo1

Quali sono le somiglianze tra div e span?

• Sia div che span raggruppano tag in HTML.
• Sia div che span contengono il tag iniziale e il tag finale.
• Sia div che span possono avere 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 che viene utilizzato per raggruppare elementi inline in un documento HTML.
uso
Il tag div è usato come contenitore per altri elementi.	Il tag span è usato 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 prenderà tutta la larghezza.	Il tag span prenderà solo la larghezza richiesta.
Sintassi

Sommario - div vs campata 

HTML sta per Hyper Text Markup Language. È usato per sviluppare siti web. Questo linguaggio è composto da tag. I tag di raggruppamento div e span in HTML. Sono usati per definire una sezione in un documento. Questo articolo spiega la differenza tra tag div e span. La differenza tra div e span è che div è un elemento a livello di blocco mentre span è un elemento in linea.

Scarica il PDF di div vs span

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

Riferimento:

1.tutorialspoint.com. "Blocchi HTML". Il punto, Disponibile qui  
2. Blocco HTML e elementi incorporati. Disponibile qui 

Cortesia dell'immagine:

1.'HTML5 logo e wordmark'di W3C, (CC BY 3.0) attraverso Commons Wikimedia