Differenza chiave - div vs span
HTML è un linguaggio ampiamente utilizzato 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 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 in linea. Questo articolo discute la differenza tra div e span. La differenza fondamentale tra div e span è che div è un elemento a livello di blocco mentre span è un elemento inline.
CONTENUTI
1. Panoramica e differenza chiave
2. Cos'è div
3. Cos'è span
4. Somiglianze tra div e span
5. Confronto affiancato - div vs span in forma tabulare
6. Riepilogo
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 del 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 viene utilizzato 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 a seconda del tipo di elemento. I valori di visualizzazione predefiniti possono essere block o inline. Gli elementi a livello di blocco iniziano sempre con una nuova riga. Questi elementi prendono 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 di altri elementi. Pertanto, un insieme di elementi può essere impacchettato nell'elemento div. Quando viene utilizzato con Cascading Style Sheet (CSS), il tag div può essere utilizzato per definire un blocco di contenuto. Fare riferimento alla parte di codice sottostante.
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'è lo span?
A differenza degli elementi a livello di blocco, gli elementi in linea non iniziano su una nuova riga. Ci vuole solo la larghezza richiesta. Alcuni esempi di elementi in linea sono,, e
Il tag span è anche un elemento inline in HTML. La sintassi è la seguente.
Ciao mondo!
Figura 02: tag div e span
Il tag span viene utilizzato 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 "paragrafo1" si trova all'interno del tag span. Il colore viene aggiunto utilizzando l'attributo di stile CSS.
Questo è il paragrafo 1
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?
Articolo diff. Al centro prima della tabella
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 prenderà tutta la larghezza. | Il tag span prenderà solo la larghezza richiesta. |
| Sintassi | |
Riepilogo: div vs span
HTML sta per Hyper Text Markup Language. Viene utilizzato 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
È possibile scaricare la versione PDF di questo articolo e utilizzarla per scopi offline come da nota di citazione. Si prega di scaricare la versione PDF qui: Differenza tra div e span
