Div in razteza niso zamenljivi pri gradnji spletnih strani. Vsak ima različne namene in če boste vedeli, kdaj ga boste uporabili, boste lažje razvili čista in enostavna spletna mesta.
Uporaba elementa Div
Div določite logične delitve na svoji spletni strani. A div—Kratek za delitev — je v bistvu polje, kamor lahko postavite druge Elementi HTML ki spadajo skupaj. Oddelek ima lahko več drugih elementov, kot so odstavki, naslovi, seznami, povezave, slike itd. V sebi ima lahko celo druge oddelke, ki zagotavljajo dodatno strukturo in organizacijo.
Za uporabo div element, postavite odprto označite pred območjem strani, ki ga želite ločiti kot zaključek
vsebina div
Če boste to območje oblikovali s CSS, lahko dodate ID izbirnik do uvodne oznake div:
Lahko pa dodate izbirnik predavanja:
Nato lahko s temi elementi delate v CSS ali JavaScript.
Trenutne najboljše prakse se nagibajo k uporabi izbirnikov razredov namesto ID-jev, deloma tudi zaradi tega, kako specifični so izbirniki ID-jev. Kateri koli od njih je sprejemljiv in lahko celo podate
div tako ID kot izbirnik razreda.Delitve ali odseki?
The div element se razlikuje od elementa HTML5odsek element, ker priloženi vsebini ne daje semantičnega pomena. Če niste prepričani, ali naj bo vsebinski blok div ali a odsek, razmislite o namenu elementa in vsebini.
- Če element potrebujete samo za dodajanje slogov na to področje strani, uporabite div element.
- Če je vsebina izrazito osredotočena in bi lahko bila samostojna, razmislite o uporabi odsek namesto tega.
Na koncu oboje divs in oddelkov obnašajo se podobno in lahko podate katere koli lastnosti in jih oblikujete s CSS. Oba sta elementa na ravni bloka.
Uporaba razponov
Razpon je privzeto vgrajeni element, za razliko od div in odsek elementi. The razpon element se običajno uporablja za zavijanje določenega dela vsebine, na primer besedila, da mu doda dodatno kljuko, s katero lahko dodate sloge. Brez kakršnih koli slognih lastnosti pa razpon sploh ne vpliva na besedilo.
Druga razlika med razpon in div elementov je, da div element vključuje odstavek, medtem ko razpon element samo pove brskalniku, naj uporabi povezana pravila sloga CSS za tisto, kar je priloženo oznake:
Označeno besedilo in neizpostavljeno besedilo.
Lahko dodate.
class = "highlight"
ali podobno razpon element za oblikovanje besedila s CSS.
Element span nima zahtevanih atributov, toda trije, ki so najbolj uporabni, so enaki kot pri elementu div element:
- slog
- razred
- ID
Uporaba razpon ko želite spremeniti slog vsebine, ne da bi to vsebino opredelili kot novo element na ravni bloka v dokumentu.
Na primer, če želite drugo besedo h3 če je rdeča, lahko besedo obkrožite z razpon element, ki bi besedo oblikoval kot rdeče besedilo. Beseda še vedno ostaja del h3 element, vendar bo prikazan v rdeči barvi.