Nøkkel Forskjell - div vs span
 

HTML er et mye brukt språk for å utvikle nettsider. Den står for Hyper Text Markup Language. Begrepet Hyper refererer til kobling til andre nettressurser på internett. Begrepet Markup refererer til evnen til å lage formatert tekst med bilder og andre multimedia ressurser. Hyperlinks er de viktigste komponentene i HTML som gjør at alle nettressurser forbinder 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 elementets type. Så, de kan være en blokk eller inline elementer. Denne artikkelen diskuterer forskjellen mellom div og span. De nøkkelforskjell mellom div og span er det div er et blokknivåelement mens span er et inlineelement.

INNHOLD

1. Oversikt og nøkkelforskjell
2. Hva er div
3. Hva er spenning
4. Likheter mellom div og span
5. Side ved side-sammenligning - div vs span i tabellform
6. Sammendrag

Hva er div?

Alle html-dokumenter starter med en dokumenttype-erklæring. I dag er den vanligste versjonen av HTML HTML5. Derfor er typen erklæring. Alle HTML-koder bør inkluderes inne 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 hver hensikt. De

tag brukes til avsnitt. De

,

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

Dette er et avsnitt

.

Figur 01: HTML5

Hvert HTML-element har en standard visningsverdi avhengig av elementets type. Standard visningsverdier kan enten være blokk eller inline. 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. Syntaxen 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 tag brukes til å utforme en blokk med innhold. Se under stykke kode.

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

Hva er spenning?

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

Figur 02: div og span tag

Span-merket brukes som en beholder for litt tekst. Denne taggen kan også brukes med CSS. Derfor kan en del av teksten styles. Se eksempel nedenfor. 'Stift 1' er inne i span-merket. Farge er lagt til ved hjelp av CSS-stilattributtet.

Dette er avsnittet 1

Hva er likhetene mellom div og span?

• Både div og span er gruppering av koder i HTML.
• Både div og span inneholder startetiketten og sluttmerket.
• Både div og span kan ha stilattributt.

Hva er forskjellen mellom div og span?

div vs span
Div er en HTML-kode som definerer en divisjon eller en seksjon i et HTML-dokument.	Spenningen er en HTML-kode som brukes til å gruppere inlineelementer i et HTML-dokument.
bruk
Div-merket brukes som en beholder for andre elementer.	Span-merket brukes som en beholder for litt tekst.
Ny linje
Div-merket begynner med en ny linje.	Span-merket starter ikke med en ny linje.
Påkrevd bredde
Div-merket vil ta hele bredden.	Spenningen tar bare den nødvendige bredden.
syntax

Sammendrag - div vs span 

HTML står for Hyper Text Markup Language. Det er vant til å utvikle nettsteder. Dette språket består av koder. Div og span gruppering merker i HTML. De er vant 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 nettbasert bruk som per sitatnotat. Vennligst last ned PDF-versjonen her: Forskjellen mellom div og span 

Henvisning:

1.tutorialspoint.com. "HTML-blokker". Poenget, Tilgjengelig her  
2.HTML Block og Inline Elements. Tilgjengelig her 

Bilde Courtesy:

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