Forskellen mellem div og span

Indholdsfortegnelse:

Forskellen mellem div og span
Forskellen mellem div og span

Video: Forskellen mellem div og span

Video: Forskellen mellem div og span
Video: Колыма - родина нашего страха / Kolyma - Birthplace of Our Fear 2024, Juli
Anonim

Nøgleforskel – div vs span

HTML er et meget brugt sprog til at udvikle websider. Det står for Hyper Text Markup Language. Udtrykket Hyper refererer til at linke til andre webressourcer på internettet. Udtrykket Markup refererer til evnen til at skabe formateret tekst med billeder og andre multimedieressourcer. Hyperlinks er hovedkomponenterne i HTML, der får alle webressourcer til at forbindes. 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. Det fortæller webbrowseren måden at strukturere 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. Den vigtigste forskel mellem div og span er, at div er et blokniveauelement, mens span er et inline-element.

Hvad er div?

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

tag bruges til afsnit.

,

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

Dette er et afsnit

Forskellen mellem div og span
Forskellen mellem div og span

Figur 01: HTML5

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

Div-tagget er også et blokniveauelement 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 kodestykke.

Forskellen mellem div og span_Figur 03
Forskellen mellem div og span_Figur 03

To afsnit er inde i div-tagget. Alt indhold inde i div-tagget har baggrundsfarven sort og skriftfarven hvid.

Hvad er span?

I modsætning til blokniveau-elementer starter de inline-elementer ikke på en ny linje. Den tager kun den nødvendige bredde. Nogle eksempler på inline-elementer er,, og

Nøgleforskel mellem div og span
Nøgleforskel mellem div og span

Span-tagget er også et inline-element i HTML. Syntaksen er som følger.

Hej verden!

Figur 02: div og span-tag

Span-tagget bruges som en beholder til noget tekst. Dette tag kan også bruges med CSS. Derfor kan en del af teksten styles. Se nedenstående eksempel. 'Afsnit 1' er inde i span-tagget. 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 er gruppering af tags i HTML.
  • Både div og span indeholder start- og sluttag.
  • Både div og span kan have stilegenskab.

Hvad er forskellen mellem div og span?

div vs span

Div er et HTML-tag, der definerer en division eller en sektion i et HTML-dokument. Spændet er et HTML-tag, der bruges til at gruppere inline-elementer i et HTML-dokument.
Brug
Div-tagget bruges som en beholder til andre elementer. Span-tagget bruges som en beholder til noget tekst.
New Line
Div-tagget starter med en ny linje. Span-tagget starter ikke med en ny linje.
Påkrævet bredde
Div-tagget vil tage hele bredden. Spæn-tagget tager kun den nødvendige bredde.
Syntaks

Oversigt – div vs span

HTML står for Hyper Text Markup Language. Det bruges til at udvikle hjemmesider. Dette sprog består af tags. div og span-grupperingstags 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 offline-formål i henhold til citatnotat. Download venligst PDF-versionen her: Difference Between div og span

Anbefalede: