Forskel mellem div og span Tag i HTML | Forskel Mellem | da.natapa.org

Forskel mellem div og span Tag i HTML




Hovedforskel: Det
tag skaber en linjeskift og opretter som standard en opdeling mellem teksten, der kommer efter tagget, som startet, og indtil mærket slutter med
. Det tag skaber ikke en linjeskift svarende til a
tag, men tillader brugeren at adskille ting fra andre elementer omkring dem på en side inden for samme linje.

Det
og tag er to fælles mærker fundet, når du opretter sider ved hjælp af HTML og udfører forskellige funktioner. Disse er ofte forvirrende for mange begyndere, der forsøger at forstå, hvad de skal bruge når. Lad os først forstå forskellen mellem de to.

Det

tag er et blokniveau element, mens er et inline-element. Disse begge bruges ofte, når man forsøger at styre forskellige aspekter af en webside, herunder billeder, tekst og så videre.

Det

tag skaber en linjeskift og opretter som standard en opdeling mellem teksten, der kommer efter tagget, som startet, og indtil mærket slutter med
. Det skaber separate kasser eller specielle beholdere til alle de andre elementer, tekst og billeder, der er placeret i denne tekst. Disse tags er som regel alene og bør ikke bruges sammen med

(afsnit) tags.

Det tag skaber ikke en linjeskift svarende til a
tag, men tillader brugeren at adskille ting fra andre elementer omkring dem på en side inden for samme linje. Manglen på linjeskift resulterer kun i, at den valgte tekst skal ændres, idet alle de øvrige elementer holdes omkring dem samme. Disse bruges ofte til at fremhæve en vis del af teksten, som f.eks. At farve det eller gøre det modigt. Disse tags bruges ofte inden for

tags.

Sammenligning mellem div og span-tag i html:

div tag

span tag

Type element

Blokniveau element

Inline element

starter

På en ny side

Har ikke brug for at starte på en ny linje

Plads

Optager den fulde ledige bredde

Optager så meget bredde som nødvendigt

Andre eksempler

-

Anvendes som

En beholder til andre HTML-elementer

En beholder til nogle tekst

Egenskaber

Ingen nødvendige attributter, men stil og klasse er almindelige

Ingen nødvendige attributter, men stil og klasse er almindelige

Når den bruges med CSS

Kan bruges til at style blokke af indhold

Kan bruges til at style dele af teksten

Image Courtesy: html-5-tutorial.com, safeschoolbexley.co.uk

Forrige Artikel

Forskel mellem Intel i5 og i7

Næste Artikel

Forskel mellem Secret og Top Secret