Nøkkelforskjell - div vs span
HTML er et mye brukt språk for å utvikle websider. Det står for Hyper Text Markup Language. Uttrykket Hyper refererer til lenking 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 er flere versjoner av HTML. De er HTML 2.0, 3.2, 4.01 og HTML5. I utgangspunktet er HTML et tekstdokument med koder. Den forteller nettleseren hvordan du skal strukturere websiden for å vise den. Div og span er to koder i HTML. Hvert HTML-element har en standard visningsverdi, avhengig av typen av elementet. 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 inline-element.
INNHOLD
1. Oversikt og nøkkelforskjell
2. Hva er div
3. Hva er span
4. Likheter mellom div og span
5. Sammenligning side om side - div vs span i tabellform
6. Sammendrag
Hva er div?
Alle html-dokumenter starter med en dokumenttypedeklarasjon. I dag er den vanligste versjonen av HTML HTML5. Derfor er typedeklarasjonen. Alle html-tagger skal være inkludert i og tagger. Nødvendige detaljer på websiden er inkludert i taggen. Den synlige nettsiden er skrevet inne i taggen. Det er koder for hvert formål. De
tag brukes til avsnitt. De
,
etc. brukes til overskrifter. Innholdet i start- og sluttkoden er kjent som et element. f.eks
Dette er et avsnitt
Figur 01: HTML5
Hvert HTML-element har en standard visningsverdi, avhengig av typen av elementet. Standard visningsverdier kan enten være blokkerte eller innebygde. Blokknivåelementene starter alltid med en ny linje. Disse elementene tar hele tilgjengelige bredde. Noen eksempler på blokknivåelementer er,, og
Div-koden er også et blokkeringselement i HTML. Syntaksen er som følger.
Hei Verden!
Div-elementene er en beholder til andre elementer. Derfor kan et sett med elementer pakkes inn i div-elementet. Når det brukes med Cascading Style Sheet (CSS), kan div-taggen brukes til å style en innholdsblokk. Se koden nedenfor.
To avsnitt er inne i div-koden. Alt innholdet i div-koden har bakgrunnsfargen svart og skriftfargen hvit.
Hva er span?
I motsetning til elementer på blokknivå, begynner ikke de innebygde elementene på en ny linje. Det tar bare den nødvendige bredden. Noen eksempler på innebygde elementer er,, og
Span-koden er også et innebygd element i HTML. Syntaksen er som følger.
Hei Verden!
Figur 02: div og span tag
Span-taggen brukes som en beholder for litt tekst. Denne taggen kan også brukes med CSS. Derfor kan en del av teksten utformes. Se eksemplet nedenfor. 'Paragraf1' er inne i span-taggen. Farge er lagt til ved bruk av CSS-stilattributt.
Dette er avsnitt 1
Hva er likhetene mellom div og span?
- Både div og span grupperer koder 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?
Diff Article Midt før tabell
div vs span |
|
| Div er en HTML-tag som definerer en divisjon eller en seksjon i et HTML-dokument. | Spennvidden er en HTML-tag som brukes til å gruppere innebygde elementer i et HTML-dokument. |
| Bruk | |
| Div-koden brukes som en beholder for andre elementer. | Span-taggen brukes som en beholder for litt tekst. |
| Ny linje | |
| Div-koden starter med en ny linje. | Span-koden starter ikke med en ny linje. |
| Nødvendig bredde | |
| Div-koden vil ta all bredde. | Span-taggen tar bare den nødvendige bredden. |
| Syntaks | |
Sammendrag - div vs span
HTML står for Hyper Text Markup Language. Den brukes til å utvikle nettsteder. Dette språket består av koder. Div og span gruppering tagger i HTML. De brukes til å definere en seksjon i et dokument. Denne artikkelen forklarte forskjellen mellom div- og span-koder. Forskjellen mellom div og span er at div er et blokknivåelement mens span er et inline-element.
Last ned PDF av div vs span
Du kan laste ned PDF-versjonen av denne artikkelen og bruke den til frakoblede formål som angitt i en henvisning. Last ned PDF-versjonen her: Forskjellen mellom div og span
