Skillnaden mellan div och span

2024 Författare: Alex Aldridge | [email protected]. Senast ändrad: 2023-12-17 13:50

Key skillnad – div vs span

HTML är ett flitigt använt språk för att utveckla webbsidor. Det står för Hyper Text Markup Language. Termen Hyper syftar på att länka till andra webbresurser på internet. Termen Markup syftar på möjligheten att skapa formaterad text med bilder och andra multimediaresurser. Hyperlänkar är huvudkomponenterna i HTML som gör att alla webbresurser kopplas samman. Det finns flera versioner av HTML. De är HTML 2.0, 3.2, 4.01 och HTML5. I grund och botten är HTML ett textdokument med taggar. Det talar om för webbläsaren hur webbsidan ska struktureras för att visa den. div och span är två taggar i HTML. Varje HTML-element har ett standardvisningsvärde beroende på typen av element. Så de kan vara ett block eller inline-element. Den här artikeln diskuterar skillnaden mellan div och span. Den viktigaste skillnaden mellan div och span är att div är ett blocknivåelement medan span är ett inline-element.

Vad är div?

Alla html-dokument börjar med en dokumenttypsdeklaration. Idag är den vanligaste versionen av HTML HTML5. Därför är typdeklarationen. Alla html-taggar bör inkluderas i taggarna och. Den nödvändiga informationen om webbsidan finns inuti taggen. Den synliga webbsidan är skriven inuti taggen. Det finns taggar för varje ändamål.

taggen används för stycken.

,

osv. används för rubriker. Innehållet i start- och sluttaggen kallas ett element. t.ex.

Detta är ett stycke

Figur 01: HTML5

Varje HTML-element har ett standardvisningsvärde beroende på typen av element. Standardvisningsvärdena kan antingen vara block eller inline. Blocknivåelementen börjar alltid med en ny rad. Dessa element tar hela tillgänglig bredd. Några exempel på blocknivåelement är, och

Div-taggen är också ett element på blocknivå i HTML. Syntaxen är som följer.

Hello World!

Div-elementen är en behållare till andra element. Därför kan en uppsättning element packas in i div-elementet. När den används med Cascading Style Sheet (CSS), kan div-taggen användas för att utforma ett innehållsblock. Se kodstycket nedan.

Två stycken finns i div-taggen. Allt innehåll inuti div-taggen har bakgrundsfärgen svart och teckensnittsfärgen vit.

Vad är span?

Till skillnad från element på blocknivå, börjar inte inline-elementen på en ny rad. Den tar bara den bredd som krävs. Några exempel på inline-element är,, och

span-taggen är också ett inline-element i HTML. Syntaxen är som följer.

Hello World!

Figur 02: div och span-tagg

span-taggen används som en behållare för viss text. Den här taggen kan också användas med CSS. Därför kan en del av texten stylas. Se nedanstående exempel. "Paragraf 1" är inuti span-taggen. Färg läggs till med CSS-stilattribut.

Detta är stycke1

Vilka är likheterna mellan div och span?

• Både div och span är grupperingstaggar i HTML.
• Både div och span innehåller starttaggen och sluttaggen.
• Både div och span kan ha stilattribut.

Vad är skillnaden mellan div och span?

div vs span
Div är en HTML-tagg som definierar en division eller ett avsnitt i ett HTML-dokument.	Spännet är en HTML-tagg som används för att gruppera inline-element i ett HTML-dokument.
Användning
Div-taggen används som en behållare för andra element.	span-taggen används som en behållare för viss text.
New Line
Div-taggen börjar med en ny rad.	span-taggen börjar inte med en ny rad.
Obligatorisk bredd
Div-taggen tar hela bredden.	Spänn-taggen tar bara den önskade bredden.
Syntax

Sammanfattning – div vs span

HTML står för Hyper Text Markup Language. Det används för att utveckla webbplatser. Detta språk består av taggar. Grupperingstaggarna div och span i HTML. De används för att definiera ett avsnitt i ett dokument. Den här artikeln förklarade skillnaden mellan div- och span-taggar. Skillnaden mellan div och span är att div är ett blocknivåelement medan span är ett inline-element.

Ladda ned PDF-filen för div vs span

Du kan ladda ner PDF-versionen av den här artikeln och använda den för offlineändamål enligt citat. Ladda ner PDF-versionen här: Difference Between div and span