Skirtumas tarp div ir span

Raktas Skirtumas - div prieš span
 

HTML yra plačiai naudojama kalba tinklalapiams kurti. Tai reiškia hiper teksto žymėjimo kalbą. Terminas „hiper“ reiškia susiejimą su kitais interneto šaltiniais internete. Terminas „žymėjimas“ reiškia galimybę kurti suformatuotą tekstą su atvaizdais ir kitais daugialypės terpės ištekliais. Hipersaitai yra pagrindiniai HTML komponentai, dėl kurių visi interneto ištekliai sujungiami. Yra kelios HTML versijos. Jie yra HTML 2.0, 3.2, 4.01 ir HTML5. Iš esmės HTML yra tekstinis dokumentas su žymėmis. Tai nurodo interneto naršyklei, kaip struktūruoti tinklalapį, kad jis būtų rodomas. Div ir span yra dvi HTML žymos. Kiekvienas HTML elementas turi numatytąją rodymo vertę, priklausomai nuo elemento tipo. Taigi, jie gali būti blokiniai ar įterptiniai elementai. Šiame straipsnyje aptariamas skirtumas tarp div ir span. pagrindinis skirtumas tarp div ir span yra tai div yra bloko lygio elementas, o span yra įterptas elementas.

TURINYS

1. Apžvalga ir svarbiausias skirtumas
2. Kas yra div
3. Kas yra span
4. Div ir span panašumai
5. Šalutinis palyginimas - „div vs span“ lentelės forma
6. Santrauka

Kas yra div?

Visi html dokumentai prasideda dokumento tipo deklaracija. Šiandien labiausiai paplitusi HTML versija yra HTML5. Todėl tipo deklaracija yra. Visos HTML žymos turėtų būti įtrauktos į ir žymas. Žymos viduje yra būtina informacija apie tinklalapį. Matomas internetinis puslapis yra parašytas žymos viduje. Kiekvienam tikslui yra žymos.

žyma naudojama prie pastraipų.

,

ir tt naudojami antraštėms. Pradinės ir pabaigos žymos turinys yra žinomas kaip elementas. pvz.

Tai pastraipa

.

01 paveikslas: HTML5

Kiekvienas HTML elementas turi numatytąją rodymo vertę, priklausomai nuo elemento tipo. Numatytosios rodymo vertės gali būti blokuotos arba įdėtos. Bloko lygio elementai visada prasideda nauja eilute. Šie elementai užima visą galimą plotį. Keli bloko lygio elementų pavyzdžiai yra šie

, ,


ir .

Div žymė taip pat yra bloko lygio elementas HTML. Sintaksė yra tokia.

Labas pasauli!

Div elementai yra konteineris kitiems elementams. Todėl elementų rinkinį galima supakuoti į div elementą. Kai naudojama kartu su kaskadiniu stiliaus lapu (CSS), „div“ žyma gali būti naudojama turinio blokui formuoti. Žiūrėkite žemiau pateiktą kodo dalį.

Dvi pastraipos yra div žymos viduje. Viso „div“ žymos turinio fono spalva yra juoda, o šrifto spalva - balta.

Kas yra span?

Priešingai nei bloko lygio elementuose, įterptiniai elementai neprasideda naujoje eilutėje. Tai užtruks tik reikiamą plotį. Keletas įterptinių elementų pavyzdžių yra , ,
ir .

„Span“ žyma taip pat yra HTML elementas. Sintaksė yra tokia.

Labas pasauli!

02 paveikslas: div ir span etiketė

„Span“ etiketė naudojama kaip konteineris tam tikram tekstui. Ši žyma taip pat gali būti naudojama su CSS. Todėl dalis teksto gali būti stiliaus. Žiūrėkite žemiau pateiktą pavyzdį. „1 pastraipa“ yra etiketės viduje. Spalva pridedama naudojant CSS stiliaus atributą.

Tai 1 pastraipa

Kokie yra div ir span panašumai?

  • „Div“ ir „span“ yra HTML žymėjimo grupės.
  • Tiek div, tiek span yra pradinė ir pabaigos žyma.
  • Ir div, ir span gali turėti stiliaus požymį.

Koks skirtumas tarp div ir span?

div vs span

Div yra HTML žyma, apibrėžianti HTML dokumento padalijimą ar skyrių. Apimtis yra HTML žyma, naudojama grupuoti HTML dokumento elementus.
 Naudojimas
„Div“ žyma naudojama kaip kitų elementų talpykla. „Span“ etiketė naudojama kaip konteineris tam tikram tekstui.
Nauja linija
Div žyma prasideda nauja eilute. „Span“ žyma neprasideda nauja eilute.
 Būtinas plotis
„Div“ žyma užims visą plotį. „Span“ etiketė užims tik reikiamą plotį.
Sintaksė
 

Santrauka - div prieš span 

HTML reiškia hiper teksto žymėjimo kalbą. Jis naudojamas kuriant svetaines. Šią kalbą sudaro žymės. Div ir span grupavimo žymos HTML. Jie naudojami dokumento skyriui apibrėžti. Šiame straipsnyje paaiškintas skirtumas tarp div ir span etikečių. Skirtumas tarp div ir span yra tas, kad div yra bloko lygio elementas, o span yra vidinis elementas.

Atsisiųskite „div vs span“ PDF

Galite atsisiųsti šio straipsnio PDF versiją ir naudoti ją neprisijungus, kaip nurodyta citatos pastaboje. Atsisiųskite PDF versiją čia: Skirtumas tarp div ir span 

Nuoroda:

1.tutorialspoint.com. „HTML blokai“. Taškas, prieinamas čia  
2.HTML blokuoti ir įterpti elementai. Galima rasti čia 

Vaizdo mandagumas:

1.'HTML5 logotipas ir žodis'By W3C, (CC BY 3.0) per „Commons Wikimedia“