Skirtumas tarp div ir span

Turinys:

Skirtumas tarp div ir span
Skirtumas tarp div ir span

Video: Skirtumas tarp div ir span

Video: Skirtumas tarp div ir span
Video: HTML/CSS Pagrindai #18 - CSS elemento matomumas display ir visibility 2024, Liepa
Anonim

Pagrindinis skirtumas – div vs span

HTML yra plačiai naudojama kalba kuriant tinklalapius. Tai reiškia „Hyper Text Markup Language“. Terminas „Hyper“reiškia nuorodas į kitus žiniatinklio išteklius internete. Terminas žymėjimas reiškia galimybę kurti formatuotą tekstą su vaizdais ir kitais daugialypės terpės ištekliais. Hipersaitai yra pagrindiniai HTML komponentai, sujungiantys visus žiniatinklio išteklius. Yra keletas HTML versijų. Tai yra HTML 2.0, 3.2, 4.01 ir HTML5. Iš esmės HTML yra tekstinis dokumentas su žymomis. Jis nurodo žiniatinklio naršyklei, kaip struktūrizuoti tinklalapį, kad jis būtų rodomas. Div ir span yra dvi žymos HTML. Kiekvienas HTML elementas turi numatytąją rodymo reikšmę, priklausomai nuo elemento tipo. Taigi, jie gali būti blokiniai arba įterpti elementai. Šiame straipsnyje aptariamas skirtumas tarp div ir span. Pagrindinis skirtumas tarp div ir span yra tas, kad div yra bloko lygio elementas, o span yra eilutinis elementas.

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 turi būti įtrauktos į ir žymas. Reikalinga informacija apie tinklalapį įtraukta į žymą. Matomas tinklalapis yra įrašytas žymos viduje. Kiekvienam tikslui yra etiketės.

žyma naudojama pastraipoms.

,

ir kt. naudojami antraštėms. Turinys, esantis pradžios ir pabaigos žymose, yra žinomas kaip elementas. pvz., Tai pastraipa

Skirtumas tarp div ir span
Skirtumas tarp div ir span

01 pav.: HTML5

Kiekvienas HTML elementas turi numatytąją rodymo reikšmę, atsižvelgiant į elemento tipą. Numatytosios rodymo reikšmės gali būti blokuotos arba įtrauktos. Bloko lygio elementai visada prasideda nauja eilute. Šie elementai užima visą turimą plotį. Kai kurie bloko lygio elementų pavyzdžiai yra,, ir

Žyma div taip pat yra bloko lygio elementas HTML. Sintaksė yra tokia.

Sveikas pasauli!

Div elementai yra kitų elementų konteineris. Todėl elementų rinkinys gali būti supakuotas į div elementą. Kai naudojama su pakopinio stiliaus lapu (CSS), div žyma gali būti naudojama turinio bloko stiliui sukurti. Žr. toliau pateiktą kodo dalį.

Skirtumas tarp div ir span_03 pav
Skirtumas tarp div ir span_03 pav

Dvi pastraipos yra „div“žymos viduje. Visas „div“žymos turinys yra juodos fono, o šrifto – b altos spalvos.

Kas yra intervalas?

Skirtingai nei bloko lygio elementuose, įterptieji elementai neprasideda naujoje eilutėje. Tam reikia tik reikiamo pločio. Kai kurie įterptųjų elementų pavyzdžiai yra,, ir

KeyDifference tarp div ir span
KeyDifference tarp div ir span

Tarp žyma taip pat yra įterptinis HTML elementas. Sintaksė yra tokia.

Sveikas pasauli!

02 pav.: Div ir span žyma

Tarp žyma naudojama kaip tam tikro teksto talpykla. Ši žyma taip pat gali būti naudojama su CSS. Todėl dalis teksto gali būti stilizuota. Žiūrėkite žemiau esantį pavyzdį. „1 pastraipa“yra intervalo žymos viduje. Spalva pridedama naudojant CSS stiliaus atributą.

Tai 1 pastraipa

Kokie yra div ir span panašumai?

  • Tiek div, tiek span grupuoja žymas HTML.
  • Tiek div, tiek span yra pradžios ir pabaigos žyma.
  • Tiek div, tiek span gali turėti stiliaus atributą.

Kuo skiriasi div ir span?

div vs span

Div yra HTML žyma, apibrėžianti HTML dokumento padalijimą arba skyrių. Tarpas yra HTML žyma, naudojama HTML dokumento eilutiniams elementams grupuoti.
Naudojimas
Žyma div naudojama kaip kitų elementų talpykla. Tarp žyma naudojama kaip tam tikro teksto talpykla.
Nauja eilutė
Žyma div prasideda nauja eilute. Tarp žyma neprasideda nauja eilute.
Būtinas plotis
Žyma div užims visą plotį. Tarp žymos užims tik reikiamą plotį.
Sintaksė

Santrauka – div vs span

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

Atsisiųskite Div vs span PDF failą

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

Rekomenduojamas: