Mnogi ljudi koji su novi u web dizajn i HTML / CSS koriste i Element div definira logičke odjeljke na vašoj web stranici. To je u osnovi okvir u kojem možete staviti druge HTML elemente koji logično idu zajedno. Odjel može sadržavati više elemenata, poput odlomaka, naslova, popisa, veza, slika itd. U njemu čak mogu imati i druge podjele kako bi pružili dodatnu strukturu i organizaciju vašem HTML dokumentu. Da biste upotrijebili element div, otvorite mjesto id = "myDiv">
) ili klase selektora (npr. class = "bigDiv"> Element div razlikuje se od HTML5 elementa odjeljka jer ne sadrži sadržaj sadržan u semantičkom značenju. Ako niste sigurni treba li blokovni sadržaj biti div ili odjeljak, razmislite o svrsi elementa i sadržaja koji će vam pomoći da odlučite koje ćete koristiti: U konačnici, i divovi i odjeljci se ponašaju prilično slično i možete dati bilo koji od njih atribut vrijednosti i stil ih s CSS da biste dobili izgled vaše stranice koje vam je potrebno. Oba su elementa razine bloka. Span element je inline element prema zadanim postavkama. To ga razlikuje od dijelova divova i odjeljaka. Span element često se koristi za omotavanje određenog dijela sadržaja, inače teksta, kako bi se dobila dodatna "kuka" koja se kasnije može oblikovati. Koristi se s CSS-om, može promijeniti stil teksta koji zatvara; međutim, bez ikakvog atributa stila, samo span element nema nikakvog utjecaja na tekst. Ovo je glavna razlika između raspona i div elemenata. Kao što je gore spomenuto, element div sadrži odlomak odlomka, a element span samo govori pregledniku da primjenjuje pridružene pravila CSS stila na ono što je zatvoreno od strane oznake: Istaknuti tekst i neizazvan tekst. Dodaj class = "highlight"
ili druge klase u elementu kruga za stiliranje teksta pomoću CSS-a (npr. class = "highlight">
). Span element nema potrebne atribute, ali tri najkorisnije su jednake onima div elementa: Koristite raspon kada želite promijeniti stil sadržaja bez definiranja tog sadržaja kao novog elementa razine bloka u dokumentu. Na primjer, ako želite da druga riječ naslova h3 bude crvena, možete okružiti tu riječ s elementom spona koji bi ovu riječ označio kao crveni tekst. Riječ i dalje ostaje dio h3 elementa, ali sada također prikazuje crveno: Koristiti
). Oba ova atributa mogu se zatim odabrati pomoću CSS-a ili modificirati pomoću JavaScripta. Trenutačne najbolje prakse lean prema korištenju klasnih selektora umjesto ID-a, dijelom zbog toga kako su određeni ID selektori. Istina, međutim, možete koristiti bilo koji od njih i čak možete dati podjelu i ID i klase za odabir. Kada koristite
Koristiti Element
Ovo je moj Strašan naslov
elementi u međusobno zamjenjivim gradnjama web stranica. Stvarnost je, međutim, da svaki od tih HTML elemenata služi različitim ciljevima. Učenje svake upotrebe za namjeravanu svrhu pomoći će vam da razvijete web stranice čišće, čiji je kod lakše upravljati cjelokupnim.
Element
označite oznaku prije područja stranice koju želite kao zasebnu podjelu i zatvoriti
oznaka nakon njega:
sadržaj div
Ako područje vaše stranice treba neke dodatne informacije koje ćete koristiti za stisanje s CSS-om kasnije, možete dodati id birač (npr.
Protiv
