Peamine erinevus - div vs span
HTML on veebilehtede arendamiseks laialdaselt kasutatav keel. See tähistab hüpertekstide märgistuskeelt. Termin Hyper tähistab linkimist teiste Interneti-ressurssidega. Termin Markup viitab võimalusele vormindatud teksti luua piltide ja muude multimeediumressurssidega. Hüperlingid on HTML-i peamised komponendid, mis panevad kõik veebiressursid omavahel ühenduma. HTML-il on mitu versiooni. Need on HTML 2.0, 3.2, 4.01 ja HTML5. Põhimõtteliselt on HTML siltidega tekstidokument. See ütleb veebibrauserile viisi, kuidas veebileht selle kuvamiseks struktureerida. Div ja span on HTML-is kaks silti. Igal HTML-elemendil on kuvatav vaikeväärtus sõltuvalt elemendi tüübist. Niisiis, need võivad olla ploki- või tekstielemendid. Selles artiklis käsitletakse erinevust div ja span. Peamine erinevus div ja span vahel on see, et div on ploki taseme element, samas kui span on sisemine element.
SISU
1. Ülevaade ja põhierinevus
2. Mis on div
3. Mis on vahemik
4. Div ja span sarnasused
5. Kõrvuti võrdlus - div vs span tabelina
6. Kokkuvõte
Mis on div?
Kõik HTML-dokumendid algavad dokumendi tüübi deklaratsiooniga. Täna on HTML-i kõige levinum versioon HTML5. Seetõttu on tüübideklaratsioon. Kõik HTML-märgendid tuleks lisada siltide ja sisse. Veebilehe vajalikud üksikasjad on märgendi sees. Nähtav veebileht on kirjutatud sildi sisse. Iga eesmärgi jaoks on sildid. The
sildi kasutatakse lõikudega. The
,
jne kasutatakse pealkirjade jaoks. Algus- ja lõpumärgendi sisu on tuntud kui element. nt
See on lõik
Joonis 01: HTML5
Igal HTML-elemendil on kuvatav vaikevää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 plokitaseme elementidest on, ja
Div-silt on HTML-is ka plokitaseme element. Süntaks on järgmine.
Tere, Maailm!
Div elemendid on teiste elementide konteiner. Seetõttu saab elementide komplekti div-elementi pakkida. CSS-iga koos kaskaadstiili abil saab div-märgendit kasutada sisuplaadi kujundamiseks. Vaadake allolevat koodijuppi.
Kaks lõiku on div-sildi sees. Kogu div-märgendi sisul on taustavärv must ja fondivalge valge.
Mis on span?
Erinevalt plokitaseme elementidest ei alga sissepoole jäävad elemendid uuel real. See võtab ainult vajaliku laiuse. Mõned näited siseelementidest on, ja
Span-silt on ka HTML-i sisemine element. Süntaks on järgmine.
Tere, Maailm!
Joonis 02: div ja span silt
Sildimärki kasutatakse mõne teksti mahutina. Seda silti saab kasutada ka CSS-iga. Seetõttu saab osa tekstist kujundada. Vaadake allpool näidet. 'Lõige1' on span-sildi sees. Värv lisatakse CSS-stiili atribuudi abil.
See on lõik1
Millised on div ja span sarnasused?
- Nii div kui span rühmitavad HTML-is silte.
- Nii div kui span sisaldavad alg- ja lõpumärgendit.
- Nii div kui span võivad omada stiili atribuuti.
Mis vahe on divil ja spanil?
Erinev artikkel keskel enne tabelit
div vs span |
|
| Div on HTML-märgend, mis määratleb HTML-dokumendi jaotuse või jaotise. | Span on HTML-märgend, mida kasutatakse HTML-dokumendis olevate elementide rühmitamiseks. |
| Kasutamine | |
| Div-märgendit kasutatakse teiste elementide mahutina. | Sildimärki kasutatakse mõne teksti mahutina. |
| Uus rida | |
| Div-silt algab uue reaga. | Teravussilt ei alga uue reaga. |
| Nõutav laius | |
| Div-märgend võtab kogu laiuse. | Sildimärk võtab ainult vajaliku laiuse. |
| Süntaks | |
Kokkuvõte - div vs span
HTML tähistab hüpertekstide märgistuskeelt. Seda kasutatakse veebisaitide väljatöötamiseks. See keel koosneb siltidest. Div ja span rühmitamise sildid HTML-is. Neid kasutatakse dokumendis jaotise määratlemiseks. Selles artiklis selgitati erinevust div- ja span-märgendite vahel. Erinevus div ja span vahel on see, et div on ploki taseme element, samas kui span on sisemine element.
Laadige alla div vs span PDF
Selle artikli PDF-versiooni saate alla laadida ja kasutada võrguühenduseta eesmärkidel, nagu tsiteeritud. Laadige PDF-versioon alla siit: Erinevus div ja span vahel
