Nøgle Forskel - div vs span
 

HTML er et meget brugt sprog til udvikling af websider. Det står for Hyper Text Markup Language. Udtrykket Hyper henviser til link til andre webressourcer på internettet. Udtrykket Markup henviser til muligheden for at oprette formateret tekst med billeder og andre multimedieressourcer. Hyperlinks er de vigtigste komponenter i HTML, der får alle webressourcer til at koble sig sammen. Der er flere versioner af HTML. De er HTML 2.0, 3.2, 4.01 og HTML5. Grundlæggende er HTML et tekstdokument med tags. Den fortæller webbrowseren, hvordan man strukturerer websiden for at vise den. Div og span er to tags i HTML. Hvert HTML-element har en standardvisningsværdi afhængigt af elementets type. Så de kan være en blok eller inline elementer. Denne artikel diskuterer forskellen mellem div og span. Det vigtigste forskel mellem div og span er det div er et blokniveauelement, mens span er et inlineelement.

INDHOLD

1. Oversigt og nøgleforskel
2. Hvad er div
3. Hvad er span
4. Ligheder mellem div og span
5. Sammenligning side ved side - div vs span i tabelform
6. Resume

Hvad er div?

Alle html-dokumenter starter med en dokumenttypedeklaration. I dag er den mest almindelige version af HTML HTML5. Derfor er typedeklarationen. Alle html-tags skal være inkluderet i tags og. De nødvendige detaljer på websiden er inkluderet i tagget. Den synlige webside er skrevet inde i tagget. Der er tags til hvert formål. Det

tag bruges til afsnit. Det

,

osv. bruges til overskrifter. Indholdet inde i start- og sluttagget er kendt som et element. f.eks.

Dette er et afsnit

.

Figur 01: HTML5

Hvert HTML-element har en standardvisningsværdi afhængigt af elementets type. Standardvisningsværdierne kan enten være blokeret eller inline. Elementerne i blokniveauet starter altid med en ny linje. Disse elementer tager hele tilgængelig bredde. Nogle eksempler på elementer på blokniveau er

, ,

---

og .

Div-tagget er også et blokniveauelement i HTML. Syntaks er som følger.

Hej Verden!

Div-elementerne er en beholder til andre elementer. Derfor kan et sæt elementer pakkes ind i div-elementet. Når det bruges sammen med Cascading Style Sheet (CSS), kan div-tag bruges til at style en blok indhold. Se nedenstående kodestykke.

To afsnit er inde i div-mærket. Alt indhold i div-mærket har baggrundsfarven sort og fontfarven hvid.

Hvad er span?

I modsætning til i blokniveauelementer starter inlineelementerne ikke på en ny linje. Det tager kun den krævede bredde. Nogle eksempler på inline-elementer er , ,
og .

Spanmærket er også et inlineelement i HTML. Syntaks er som følger.

Hej Verden!

Figur 02: div og span tag

Spændmærket bruges som beholder til noget tekst. Dette tag kan også bruges med CSS. Derfor kan en del af teksten styles. Se nedenfor eksemplet. 'Afsnit1' er inde i spændmærket. Farve tilføjes ved hjælp af CSS-stilattribut.

Dette er afsnit 1

Hvad er lighederne mellem div og span?

• Både div og span grupperer tags i HTML.
• Både div og span indeholder startmærket og slutmærket.
• Både div og span kan have stilattribut.

Hvad er forskellen mellem div og span?

div vs span
Div er et HTML-tag, der definerer en division eller et afsnit i et HTML-dokument.	Spændvidden er et HTML-tag, der bruges til at gruppere inline-elementer i et HTML-dokument.
Anvendelse
Div-mærket bruges som en container til andre elementer.	Spændmærket bruges som beholder til noget tekst.
Ny linje
Div-mærket starter med en ny linje.	Spændmærket starter ikke med en ny linje.
Påkrævet bredde
Div-tagget tager hele bredden.	Spændmærket tager kun den krævede bredde.
Syntaks

Resumé - div vs span 

HTML står for Hyper Text Markup Language. Det bruges til at udvikle websteder. Dette sprog består af tags. Divisions- og spangrupperingskoder i HTML. De bruges til at definere et afsnit i et dokument. Denne artikel forklarede forskellen mellem div og span tags. Forskellen mellem div og span er, at div er et blokniveauelement, mens span er et inlineelement.

Download PDF af div vs span

Du kan downloade PDF-versionen af ​​denne artikel og bruge den til offline-formål som angivet i citatnotatet. Download PDF-versionen her: Forskel mellem div og span 

Reference:

1.tutorialspoint.com. “HTML-blokke.” Punktet, tilgængeligt her  
2.HTML-blok og inline-elementer. Tilgængelig her 

Billede høflighed:

1.'HTML5 logo og wordmark'By W3C, (CC BY 3.0) via Commons Wikimedia