Avko 19.04.2020 10:05
Predmet:koja je razlika izmedu <div id="container"> i <div class="container">

primjetio sam da neko koristi <div id="container"> a neko <div class="container">

u css za <div id="container"> stavlja se #container { }, a za <div class="container"> stavlja se .container{ }

koja je razlika i sta ****lje koristiti, mislim u kojim situacijama jedno a kada drugo?

mirsadz 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.

Avko 19.04.2020 13:59
Predmet:Re: koja je razlika izmedu <div id="container"> i <div class="container">

Mislim da sam razumio.
-na jednoj stranici smijemo imati samo 1 (jedan) ID naziva, npr <div id="tekst pozadina"> smije se pojaviti samo jednom na web stranici a <div class="tekst pozadina"> smijemo više puta staviti na tu web stranicu.

Citiraj mirsadz:
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".

ovo nisam znao da mozemo klikom na naseto preusmjeriti nas na dio web stranice. Uvijek sam mislio da klikom na href moram otici na drugu php ili html stranicu. To otvara nove horizonte u mojem viđenju izrade web stranice, a i postaje kompliciranije.

mirsadz 19.04.2020 16:52
Predmet:Re: koja je razlika izmedu <div id="container"> i <div class="container">

Drago mi je ukoliko sam uspio objasniti. Na jednoj stranici mozemo imati koliko zelimo ID naziva ali razlicith, ne smijemo koristiti vise puta jedan te isti ID.

Citat:
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.