Nøgleforskel - div vs span
HTML er et meget anvendt sprog til udvikling af websider. Det står for Hyper Text Markup Language. Udtrykket Hyper refererer til at linke til andre webressourcer på internettet. Udtrykket Markup henviser til evnen til at oprette formateret tekst med billeder og andre multimedieressourcer. Hyperlinks er de vigtigste komponenter i HTML, der får alle webressourcer til at forbinde sammen. Der er flere versioner af HTML. De er HTML 2.0, 3.2, 4.01 og HTML5. Dybest set er HTML et tekstdokument med tags. Det fortæller webbrowseren, hvordan strukturen til websiden skal vises, så den vises. 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. Hovedforskellen mellem div og span er, at div er et blokniveauelement, mens span er et inline-element.
INDHOLD
1. Oversigt og nøgleforskel
2. Hvad er div
3. Hvad er span
4. Ligheder mellem div og span
5. Sammenligning side om side - div vs span i tabelform
6. Resumé
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 inkluderes i tags og. De nødvendige detaljer på websiden er indeholdt 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 blok eller indbygget. Elementerne på blokniveauet starter altid med en ny linje. Disse elementer tager hele den tilgængelige bredde. Nogle eksempler på blokniveauer er, og
Div-tagget er også et element på blokniveau i HTML. Syntaksen 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 med Cascading Style Sheet (CSS), kan div-tag bruges til at style en indholdsblok. Se nedenstående stykke kode.
To afsnit er inde i div-koden. Alt indholdet inde i div-tag har baggrundsfarven sort og skrifttypefarven hvid.
Hvad er span?
I modsætning til elementer på blokniveau starter de integrerede elementer ikke på en ny linje. Det tager kun den krævede bredde. Nogle eksempler på integrerede elementer er,, og
Span-tagget er også et integreret element i HTML. Syntaksen er som følger.
Hej Verden!
Figur 02: div og span tag
Span-taggen bruges som en container til noget tekst. Dette tag kan også bruges med CSS. Derfor kan en del af teksten styles. Se eksemplet nedenfor. 'Afsnit1' er inde i span-taggen. Farve tilføjes ved hjælp af CSS-stilattribut.
Dette er afsnit 1
Hvad er ligheden mellem div og span?
- Både div og span grupperer tags i HTML.
- Både div og span indeholder start-tag og slut-tag.
- Både div og span kan have stilattribut.
Hvad er forskellen mellem div og span?
Diff artikel midt foran bordet
div vs span |
|
| Div er et HTML-tag, der definerer en division eller en sektion i et HTML-dokument. | Spændvidden er et HTML-tag, der bruges til at gruppere integrerede elementer i et HTML-dokument. |
| Anvendelse | |
| Div-koden bruges som en container til andre elementer. | Span-taggen bruges som en container til noget tekst. |
| Ny linje | |
| Div-koden starter med en ny linje. | Span-tag starter ikke med en ny linje. |
| Påkrævet bredde | |
| Div-tag vil tage hele bredden. | Span-tag 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. Div- og span-grupperingskoder 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 inline-element.
Download PDF'en af div vs span
Du kan downloade PDF-versionen af denne artikel og bruge den til offlineformål som pr. Citatnote. Download venligst PDF-versionen her: Forskellen mellem div og span
