Võti Erinevus - div vs. span
 

HTML on veebilehtede väljatöötamiseks laialt kasutatav keel. See tähistab hüperteksti märgistuskeelt. Mõiste Hyper viitab linkimisele muude Interneti-ressurssidega. Mõiste märgistus tähistab võimet luua vormindatud teksti piltide ja muude multimeediumiressurssidega. Hüperlingid on HTML-i peamised komponendid, mis panevad kõik veebiressursid omavahel ühendama. HTML-ist on mitu versiooni. Need on HTML 2.0, 3.2, 4.01 ja HTML5. Põhimõtteliselt on HTML siltidega tekstidokument. See õpetab veebibrauserit veebisaidi struktureerimise viisiks selle kuvamiseks. Div ja span on HTML-is kaks silti. Igal HTML-elemendil on vaikimisi kuvaväärtus, sõltuvalt elemendi tüübist. Niisiis, need võivad olla ploki- või tekstielemendid. Selles artiklis käsitletakse div ja span erinevust. võtme erinevus div ja span vahel on see div on ploki tasemel element, samas kui span on inline element.

SISU

1. Ülevaade ja peamised erinevused
2. Mis on div
3. Mis on span
4. Div ja span sarnasused
5. Võrdlus kõrvuti - jagamine vs tabelitabelina
6. Kokkuvõte

Mis on div?

Kõik html-dokumendid algavad dokumenditüübi deklaratsiooniga. Täna on HTML-i kõige levinum versioon HTML5. Seetõttu on tüübideklaratsioon. Kõik html-sildid peaksid olema märksõnade ja siltide sees. Veebilehe vajalikud üksikasjad on lisatud sildi sisse. Nähtav veebileht on kirjutatud sildi sisse. Igal otstarbel on sildid.

tag on lõikudesse harjunud.

,

rubriikides kasutatakse jne. Alg- ja lõpumärgendis olevat sisu tuntakse elemendina. nt.

See on lõik

.

Joonis 01: HTML5

Igal HTML-elemendil on vaikimisi kuvaväärtus, sõltuvalt elemendi tüübist. Ekraani vaikeväärtused võivad olla kas blokeeritud või tekstisisesed. Plokitaseme elemendid algavad alati uue reaga. Need elemendid võtavad kogu saadaoleva laiuse. Mõned näited plokktaseme elementidest on

, ,

---

ja .

Div-silt on HTML-is ka plokktaseme element. Süntaks on järgmine.

Tere, Maailm!

Div elemendid on konteiner muudele elementidele. Seetõttu saab elementide komplekti div-elementi pakkida. Kasutamisel stiililehega (CSS) saab div-silti kasutada sisuploki stiilimiseks. Vaadake allolevat kooditükki.

Kaks lõiku on div-sildi sees. Kogu sisu, mis on sildi div sees, on taustavärvi must ja fondi värvi valge.

Mis on span?

Erinevalt plokktaseme elementidest ei alusta rivielemendid uuel real. See võtab ainult vajaliku laiuse. Mõned näited sisemistest elementidest on , ,
ja .

Kaardimärgend on HTML-i sisemine element. Süntaks on järgmine.

Tere, Maailm!

Joonis 02: div- ja span-silt

Liigesilti kasutatakse mõne teksti konteinerina. Seda silti saab kasutada ka CSS-iga. Seetõttu saab osa teksti kujundada. Vaadake allpool näidet. „Lõige1” asub märgistusvahemikus. Värvi lisamiseks kasutatakse CSS-i stiili atribuuti.

See on lõige 1

Millised on div ja span sarnasused??

• Nii div kui ka span grupeerivad silte HTML-is.
• Nii div kui ka span sisaldavad algus- ja lõppsilti.
• Nii div kui ka span võivad omada stiili atribuuti.

Mis vahe on div-i ja span-i vahel??

div vs span
Div on HTML-märgend, mis määratleb HTML-dokumendis jaotuse või jaotise.	Ulatus on HTML-märgend, mida kasutatakse HTML-dokumendis olevate elementide rühmitamiseks.
Kasutamine
Div-silti kasutatakse konteinerina muude elementide jaoks.	Liigesilti kasutatakse mõne teksti konteinerina.
Uus rida
Div-silt algab uue reaga.	Vahemärk ei alga uue reaga.
Vajalik laius
Div-silt võtab kogu laiuse.	Vahemik võtab ainult vajaliku laiuse.
Süntaks

Kokkuvõte - div vs. span 

HTML tähistab hüperteksti märgistuskeelt. Seda kasutatakse veebisaitide arendamiseks. See keel koosneb siltidest. Div ja span rühmitamise sildid HTML-is. Neid kasutatakse dokumendi jaotise määratlemiseks. See artikkel selgitas erinevust div ja span siltide vahel. Div ja span erinevus seisneb selles, et div on ploki tasemel element, samal ajal kui span on inline element.

Laadige alla versiooni div vs span PDF

Selle artikli PDF-versiooni saate alla laadida ja seda võrguühenduseta otstarbel kasutada tsitaatide märkuse kohaselt. Laadige PDF-fail alla siit: Erinevus div ja span vahel 

Viide:

1.tutorialspoint.com. „HTML-plokid” The Point, saadaval siit  
2.HTML-i blokeerimis- ja tekstielemendid. Saadaval siin 

Pilt viisakalt:

1.'HTML5 logo ja sõnamärk'By W3C, (CC BY 3.0) Commonsi Wikimedia kaudu