Verskil tussen div en span

INHOUDSOPGAWE:

Verskil tussen div en span
Verskil tussen div en span

Video: Verskil tussen div en span

Video: Verskil tussen div en span
Video: Divs vs Spans 2024, Julie
Anonim

Sleutelverskil – div vs span

HTML is 'n wyd gebruikte taal om webblaaie te ontwikkel. Dit staan vir Hyper Text Markup Language. Die term Hyper verwys na skakeling na ander webbronne op die internet. Die term Markup verwys na die vermoë om geformateerde teks met beelde en ander multimediabronne te skep. Hiperskakels is die hoofkomponente in HTML wat alle webhulpbronne met mekaar verbind. Daar is verskeie weergawes van HTML. Hulle is HTML 2.0, 3.2, 4.01 en HTML5. Basies is HTML 'n teksdokument met etikette. Dit vertel die webblaaier hoe om die webblad te struktureer om dit te vertoon. Die div en span is twee merkers in HTML. Elke HTML-element het 'n verstek vertoonwaarde, afhangende van die tipe element. So, hulle kan 'n blok of inlyn-elemente wees. Hierdie artikel bespreek die verskil tussen div en span. Die sleutelverskil tussen div en span is dat div 'n blokvlakelement is terwyl span 'n inlynelement is.

Wat is div?

Alle html-dokumente begin met 'n dokumenttipe verklaring. Vandag is die mees algemene weergawe van HTML HTML5. Daarom is die tipe verklaring. Alle html-etikette moet in die en-merkers ingesluit word. Die nodige besonderhede van die webblad is in die etiket ingesluit. Die sigbare webblad is binne die merker geskryf. Daar is etikette vir elke doel. Die

merker word vir paragrawe gebruik. Die

,

ens. word vir opskrifte gebruik. Die inhoud binne die begin- en eindmerker staan bekend as 'n element. bv.

Dit is 'n paragraaf

Verskil tussen div en span
Verskil tussen div en span

Figuur 01: HTML5

Elke HTML-element het 'n verstek vertoonwaarde, afhangende van die tipe element. Die verstek vertoonwaardes kan óf blok óf inlyn wees. Die blokvlakelemente begin altyd met 'n nuwe reël. Hierdie elemente neem die hele beskikbare breedte. Enkele voorbeelde van blokvlakelemente is,, en

Die div-merker is ook 'n blokvlakelement in HTML. Die sintaksis is soos volg.

Hallo Wêreld!

Die div-elemente is 'n houer vir ander elemente. Daarom kan 'n stel elemente in die div-element verpak word. Wanneer dit met Cascading Style Sheet (CSS) gebruik word, kan div-merker gebruik word om 'n blok inhoud te stileer. Verwys na die onderstaande stukkie kode.

Verskil tussen div en span_Figuur 03
Verskil tussen div en span_Figuur 03

Twee paragrawe is binne die div-merker. Al die inhoud binne die div-merker het die agtergrondkleur swart en die lettertipe kleur wit.

Wat is span?

Anders as in blokvlak-elemente, begin die inlyn-elemente nie op 'n nuwe lyn nie. Dit neem net die verlangde breedte. Enkele voorbeelde van inlynelemente is,, en

Sleutelverskil tussen div en span
Sleutelverskil tussen div en span

Die span-tag is ook 'n inlyn-element in HTML. Die sintaksis is soos volg.

Hallo Wêreld!

Figuur 02: div en span tag

Die span-etiket word gebruik as 'n houer vir sommige teks. Hierdie merker kan ook met CSS gebruik word. Daarom kan 'n deel van die teks gestileer word. Verwys onderstaande voorbeeld. Die 'paragraaf1' is binne die span-etiket. Kleur word bygevoeg met behulp van CSS-styl-kenmerk.

Dit is die paragraaf1

Wat is die ooreenkomste tussen div en span?

  • Beide div en span is groeperingmerkers in HTML.
  • Beide div en span bevat die beginmerker en eindmerker.
  • Beide div en span kan stylkenmerke hê.

Wat is die verskil tussen div en span?

div vs span

Die div is 'n HTML-merker wat 'n afdeling of 'n afdeling in 'n HTML-dokument definieer. Die span is 'n HTML-merker wat gebruik word om inlyn-elemente in 'n HTML-dokument te groepeer.
Gebruik
Die div-merker word gebruik as 'n houer vir ander elemente. Die span-etiket word gebruik as 'n houer vir sommige teks.
New Line
Die div-merker begin met 'n nuwe reël. Die span-etiket begin nie met 'n nuwe reël nie.
Vereiste breedte
Die div-merker sal alle breedte neem. Die span-etiket sal net die vereiste breedte neem.
Sintaksis

Opsomming – div vs span

HTML staan vir Hyper Text Markup Language. Dit word gebruik om webwerwe te ontwikkel. Hierdie taal bestaan uit etikette. Die div en span groepering tags in HTML. Hulle word gebruik om 'n afdeling in 'n dokument te definieer. Hierdie artikel het die verskil tussen div- en span-etikette verduidelik. Die verskil tussen div en span is dat div 'n blokvlakelement is terwyl span 'n inlynelement is.

Laai die PDF van div vs span af

Jy kan die PDF-weergawe van hierdie artikel aflaai en dit vir vanlyn doeleindes gebruik soos per aanhalingsnota. Laai asseblief die PDF-weergawe hier af: Verskil tussen div en span

Aanbeveel: