Prikazi cijelu temu
19.04.2020 13:06
19.04.2020 13:06
Predmet:Re: koja je razlika izmedu <div id="container"> i <div class="container">
Sam pojam ID asocira na nesto sto je unikatno, nesto sto se moze pojaviti samo jednom. Isto kao sto imamo podatke u nasoj bazi, kao primjer uzet cemo tabelu "korisnici". Dakle svaki korisnik ima samo jedan unikatni ID pomocu kojeg se vrsi manipulacija istog. Da se vratim na temu za koje je pitanje postavljeno. Dakle svaki element u nasem HTML kodu moze imati samo jedan ID, takoder svaka stranica moze imati samo jedan element sa tim ID-em.
Primjer:
<div id="container"> - ID "container" moze imati samo ovaj element, dok drugi mogu imati neki drugi.
Potreba za ID-em se javlja kada zelimo da manipulisemo samo sa jednim elementom, to mozemo uciniti pomocu njegovog unikatnog ID-ja.
Vracamo se na klase... Svaku klasu koju napravimo u css-u mozemo koristiti vise puta na vise razlicitih elemenata. Takodje vise klasa se moze korisiti na samo jednom elementu. Dakle, ukoliko imamo klasu koja se zove ".tekst" i u njoj se nalaze atributi koji definisu njegov tekst, te imamo klasu koja se zove ".pozadina" u kojoj se nalaze atributi koji definisu pozadinu tog elementa, te dvije klase mozemo koristiti u isto vrijeme na jednom elementu.
<div class="tekst pozadina"> - potrebno je da se atributi ne poklapaju, dakle atribute iz jedne klase ne ponavljati u drugoj klasi da ne bi doslo do preklapanja.
Takodjer zelim napomenuti da ID ima veliku korist za nas URL. Sa ID-ovima mozemo praviti tkz. "sidra" na nasoj web stranici. Sta to znaci...Ukoliko imamo <div> sa ID "container", mozemo doci do njega putem nase navigacije ili ukoliko linkujemo odredjenu rijec na stranici. Tu je potrebno da nas link izgleda ovako:
<a href="#container">Link</a> - dakle nakon sto kliknemo na rijec "Link" automatski ce nas prebaciti na element sa ID-em "container". Bitna stavka jeste da ne smijemo zaboraviti znak "#" ispred ID-ja u linku. Ukoliko pogledamo nas URL nakon sto smo kliknuli na rijec "Link" on ce izgledati ovako:
http://www.nasastracnica.com/#container
Jos jedna bitna stavka jeste da jedan element moze imati i ID i klasu. JavaScript ima naredbu "getElementById" pomocu koje pristupa datom elementu. Ukoliko bi imali vise elemenata sa istim ID-em onda ova naredba ne bi imala smisla niti bi bila sigurna.
Sam pojam ID asocira na nesto sto je unikatno, nesto sto se moze pojaviti samo jednom. Isto kao sto imamo podatke u nasoj bazi, kao primjer uzet cemo tabelu "korisnici". Dakle svaki korisnik ima samo jedan unikatni ID pomocu kojeg se vrsi manipulacija istog. Da se vratim na temu za koje je pitanje postavljeno. Dakle svaki element u nasem HTML kodu moze imati samo jedan ID, takoder svaka stranica moze imati samo jedan element sa tim ID-em.
Primjer:
<div id="container"> - ID "container" moze imati samo ovaj element, dok drugi mogu imati neki drugi.
Potreba za ID-em se javlja kada zelimo da manipulisemo samo sa jednim elementom, to mozemo uciniti pomocu njegovog unikatnog ID-ja.
Vracamo se na klase... Svaku klasu koju napravimo u css-u mozemo koristiti vise puta na vise razlicitih elemenata. Takodje vise klasa se moze korisiti na samo jednom elementu. Dakle, ukoliko imamo klasu koja se zove ".tekst" i u njoj se nalaze atributi koji definisu njegov tekst, te imamo klasu koja se zove ".pozadina" u kojoj se nalaze atributi koji definisu pozadinu tog elementa, te dvije klase mozemo koristiti u isto vrijeme na jednom elementu.
<div class="tekst pozadina"> - potrebno je da se atributi ne poklapaju, dakle atribute iz jedne klase ne ponavljati u drugoj klasi da ne bi doslo do preklapanja.
Takodjer zelim napomenuti da ID ima veliku korist za nas URL. Sa ID-ovima mozemo praviti tkz. "sidra" na nasoj web stranici. Sta to znaci...Ukoliko imamo <div> sa ID "container", mozemo doci do njega putem nase navigacije ili ukoliko linkujemo odredjenu rijec na stranici. Tu je potrebno da nas link izgleda ovako:
<a href="#container">Link</a> - dakle nakon sto kliknemo na rijec "Link" automatski ce nas prebaciti na element sa ID-em "container". Bitna stavka jeste da ne smijemo zaboraviti znak "#" ispred ID-ja u linku. Ukoliko pogledamo nas URL nakon sto smo kliknuli na rijec "Link" on ce izgledati ovako:
http://www.nasastracnica.com/#container
Jos jedna bitna stavka jeste da jedan element moze imati i ID i klasu. JavaScript ima naredbu "getElementById" pomocu koje pristupa datom elementu. Ukoliko bi imali vise elemenata sa istim ID-em onda ova naredba ne bi imala smisla niti bi bila sigurna.