Gniježđenje se brzo odvojilo od hiperteksta u zasebnom smjeru. No, ne samo u području internetskog programiranja postalo je prirodno razlikovati sučelje od radnog koda. To je skladan način razvoja informacijske tehnologije.

Doista, u razvoju dizajna bilo kojeg programa, a za web-resurse to je relevantnije, postoje stručnjaci koji su potpuno daleko od programiranja. Programeri su neproduktivni razmišljati o izgledu gumba, izbornicima, vizualizaciji dijaloga s korisnikom.


Svatko ima vlastitu sferu nadležnosti, a danas je CSS snažan smjer razvoja koji nije inferioran u odnosu na sam HTML.

Klasična logika interakcije između HTML-a i CSS-a

Web stranica - skup elemenata, koji također uključuje stilove i algoritme. Tradicionalno, sve datoteke koje pripadaju jednoj stranici spajaju se u zajedničku nit na njezinu vrijednost kada formiraju svoje DOM stablo u pregledniku. Na što se CSS odnosi je stil, ali javascript je skripta. HTML umetanja i datoteke su sama stranica. Tu su i mnogi drugi formati i datoteke koji su potrebni za normalan rad stranice. Obično je zadatak "kako povezati CSS datoteku s HTML stranicom" vrlo jednostavan. Odjeljak glave koristi oznaku veze koja navodi da trebate povezati vanjsku .css datoteku koja se nalazi na određenom mjestu na apsolutnim ili relativnim putovima na web-lokaciji. Način povezivanja CSS HTML-a je jednostavan. Osim toga,Vanjske .css datoteke prikladne su za različite stranice istog web-mjesta, pod uvjetom da su identične dizajnu. Ova metoda također vam omogućuje korištenje CSS pravila i svojstava za druge web-lokacije.


Ovisno o postavkama hostinga, CSS datoteke mogu biti predmemorirane, za razliku od stilova ugrađenih u samu HTML stranicu. Ta je okolnost već izgubila svoju važnost, ali je u nekim slučajevima važna.

Stilovi unutar stranice: statička verzija

Koristeći element stila kao opciju za umetanje .css-konstrukcije izravno u HTML stranicu, možete postići više i kombinirati prikazivanje, hipertekst i kod u jednom. To nije vrlo prikladno pri dizajniranju velikih web-mjesta, ali za jednostavne opcije stranice ne možete postavljati pitanja o tome kako povezati CSS HTML, već jednostavno spojite sve u jednu datoteku. Ne postoji ništa što bi spriječilo izravno povezivanje stila s određenom stranicom ili elementom i biti apsolutno sigurni da se stil nikada neće "izgubiti". Ovo je varijanta opisa stila tipičnog sustava za upravljanje web-lokacijama. Ovo je rješenje za povezivanje CSS stila s html elementom bez promjene vanjske datoteke. Postupak je zahtjevan. U ovom slučaju, postoji stanica tablica cijena za usluge, u cjelini to nema smisla slikati na ćelije i stvoriti desetke sličnih stilova, koji se razlikuju samo koordinate stanica. Inteligentno rješenje bilo bi algoritam koji generira takav stol, ali s malim brojem ćelija nema smisla.

NedostaciVanjski stilovi i opisi HTML elemenata

Vanjska .css datoteka je user-friendly, zajedno s preciziranjem pojedinosti o određenom HTML elementu. To vam omogućuje prijenos iskustva na druge stranice i web-lokacije.
U nekim slučajevima, dovoljno je promijeniti opis stila bez obrade algoritama i /ili stranica, a stranica će izgledati drugačije. U stvari, problem nije u tome kako priložiti CSS datoteku u HTML datoteku, već zato što je statičan ne manje od opisa na određenom elementu. Praktično svaka modernizacija web-resursa zahtijeva adekvatne promjene u jednoj i drugoj datoteci. Promjene bi uvijek trebale biti kompatibilne prirode. Stilovi oslikani izravno na elementima znatno otežavaju promjenu pravila sadržanih u .css datoteci - to je pravi problem za velike stranice (možete jednostavno zaboraviti opis). Gotovo svi moderni sustavi za upravljanje web stranicama generiraju nekoliko .css datoteka, od kojih su neke kreirane u nečitljivom formatu. To ukazuje da su osnovna pravila formirana u obliku spektra klasa i identifikatora koji se mogu pročistiti u malim prilagođenim datotekama .css. Podjelom CSS-statike na dva dijela, gotovo uvijek konstantne stilove i stilove trenutnog web-resursa, možete pojednostaviti rad na stranici i njegovu daljnju modernizaciju. No, prilikom dizajniranja. CSS datoteku pitanje: "Kako spojiti CSS HTML?", Trebalo bi se uzeti u obzir u kontekstu praktičnosti daljnje promjene i dopune.

Stilovi unutar stranice: Dinamička verzija

Jezik preglednika omogućuje dinamičko stvaranje stilova. Tijekom izvršenja skripte možda će biti potrebnodefinirajte stil. Sljedeći primjer pokazuje kako povezati CSS HTML u dinamici. Ovaj je primjer relativno dinamičan jer je zamišljen kao proširenje preglednika u situaciji u kojoj rješenje mora biti predstavljeno jednom datotekom. Ne mogu se povezati vanjske datoteke. Ovdje su svi stilovi poznati, nepromjenjivi, ali se moraju formirati kada ekspanzija postane aktivna u okruženju preglednika kada preuzmete potpuno drugačiji web sadržaj, drugu stranicu. Međutim, ovo rješenje pokazuje da je stil tekst, te se stoga može oblikovati u procesu posjećivanja stranice prema potrebi i stvaranja novih elemenata, već postojećih promjena.

Optimalna kombinacija HTML-a i CSS-a

Nema sumnje da vizualni prikaz informacijskog i informacijskog prikaza + algoritam njegove obrade - potpuno različite niše.