Forskjellen mellom div og span

2024 Forfatter: Alex Aldridge | [email protected]. Sist endret: 2023-12-17 13:46

Nøkkelforskjell – div vs span

HTML er et mye brukt språk for å utvikle nettsider. Det står for Hyper Text Markup Language. Begrepet Hyper refererer til kobling til andre nettressurser på internett. Begrepet Markup refererer til muligheten til å lage formatert tekst med bilder og andre multimedieressurser. Hyperkoblinger er hovedkomponentene i HTML som gjør at alle nettressurser kobles sammen. Det finnes flere versjoner av HTML. De er HTML 2.0, 3.2, 4.01 og HTML5. I utgangspunktet er HTML et tekstdokument med tagger. Den forteller nettleseren måten å strukturere nettsiden for å vise den. Div og span er to koder i HTML. Hvert HTML-element har en standard visningsverdi avhengig av elementtypen. Så de kan være en blokk eller innebygde elementer. Denne artikkelen diskuterer forskjellen mellom div og span. Hovedforskjellen mellom div og span er at div er et blokknivåelement mens span er et innebygd element.

Hva er div?

Alle html-dokumenter starter med en dokumenttypeerklæring. I dag er den vanligste versjonen av HTML HTML5. Derfor er typedeklarasjonen. Alle html-koder bør inkluderes i og-taggene. De nødvendige detaljene for nettsiden er inkludert i taggen. Den synlige nettsiden er skrevet inne i taggen. Det er tagger for hvert formål. The

tag brukes til avsnitt. The

,

osv. brukes til overskrifter. Innholdet i start- og slutttaggen er kjent som et element. f.eks.

Dette er et avsnitt

Figur 01: HTML5

Hvert HTML-element har en standard visningsverdi avhengig av typen element. Standard visningsverdier kan enten være blokk eller innebygd. Blokknivåelementene starter alltid med en ny linje. Disse elementene tar hele tilgjengelig bredde. Noen eksempler på blokknivåelementer er, og

Div-taggen er også et blokknivåelement i HTML. Syntaksen er som følger.

Hello World!

Div-elementene er en beholder til andre elementer. Derfor kan et sett med elementer pakkes inn i div-elementet. Når den brukes med Cascading Style Sheet (CSS), kan div-taggen brukes til å style en innholdsblokk. Se kodebiten nedenfor.

To avsnitt er inne i div-taggen. Alt innholdet inne i div-taggen har bakgrunnsfargen svart og skriftfargen hvit.

Hva er span?

I motsetning til blokknivåelementer, starter ikke inline-elementene på en ny linje. Den tar bare den nødvendige bredden. Noen eksempler på innebygde elementer er,, og

Span-taggen er også et innebygd element i HTML. Syntaksen er som følger.

Hello World!

Figur 02: div og span-tag

Span-taggen brukes som en beholder for noe tekst. Denne taggen kan også brukes med CSS. Derfor kan en del av teksten styles. Se eksempelet nedenfor. "Avsnitt1" er inne i span-taggen. Farge legges til med CSS-stilattributt.

Dette er avsnitt 1

Hva er likhetene mellom div og span?

• Både div og span er grupperingskoder i HTML.
• Både div og span inneholder startkoden og sluttkoden.
• Både div og span kan ha stilattributt.

Hva er forskjellen mellom div og span?

div vs span
Div er en HTML-tag som definerer en divisjon eller en seksjon i et HTML-dokument.	Span er en HTML-tag som brukes til å gruppere innebygde elementer i et HTML-dokument.
Bruk
Div-taggen brukes som en beholder for andre elementer.	Span-taggen brukes som en beholder for noe tekst.
New Line
Div-taggen starter med en ny linje.	Span-taggen starter ikke med en ny linje.
Nødvendig bredde
Div-taggen vil ta hele bredden.	Span-taggen vil bare ta den nødvendige bredden.
Syntaks

Sammendrag – div vs span

HTML står for Hyper Text Markup Language. Det brukes til å utvikle nettsider. Dette språket består av tagger. div- og span-grupperingskodene i HTML. De brukes til å definere en seksjon i et dokument. Denne artikkelen forklarte forskjellen mellom div- og span-tagger. Forskjellen mellom div og span er at div er et blokknivåelement mens span er et innebygd element.

Last ned PDF-en av div vs span

Du kan laste ned PDF-versjonen av denne artikkelen og bruke den til offline-formål i henhold til sitat. Last ned PDF-versjonen her: Difference Between div and span