Različite web stranice uključuju svoje vanjske Kaskadni listovi stilova na različite načine - bilo pomoću pristupa @import ili povezivanjem s tom CSS datotekom. Koja je razlika između @import i linka za CSS i kako ste odlučili koji je bolji za vas?
Razlika između @import i Link
Povezivanje je prva metoda za uključivanje vanjskog lista stilova na vaše web stranice. Namijenjena je povezivanju vaše stranice s vašim stilskim listom. Dodaje se u glavu vašeg HTML dokument.
Uvoz vam omogućuje uvoz jednog stilskog lista u drugi. Ovo se malo razlikuje od scenarija povezivanja, jer možete uvesti tabele stilova unutar povezane tabele stilova.
Sa stajališta standarda, nema razlike između povezivanja s vanjskim tabelom stilova ili njegovog uvoza. Bilo koji način je točan i oba načina će u većini slučajeva raditi jednako dobro. Međutim, postoji nekoliko razloga zbog kojih biste mogli koristiti jedan preko drugog.
Zašto koristiti @import?
Prije mnogo godina najčešći razlog koji je naveden zbog upotrebe @import umjesto (ili zajedno s njim) je taj što stariji preglednici nisu prepoznali @import, pa ste od njih mogli sakriti stilove. Uvozom svojih stilskih tablica u osnovi biste ih učinili dostupnima modernijim preglednicima koji su u skladu sa standardima, dok biste ih "skrivali" od
starije verzije preglednika.Sljedeća upotreba metode @import je korištenje više tabela stilova na stranici, uz istovremeno uključivanje samo jedne veze u glavi vašeg dokumenta. Na primjer, korporacija može imati globalni tabelu stilova za svaku stranicu na web mjestu, s pododjeljcima koji imaju dodatne stilove koji se primjenjuju samo na taj pododjeljak. Povezivanjem na listu stilova potpoglavlja i uvozom globalnih stilova na vrhu tog stila lista, ne morate održavati gigantski tabelu sa svim stilovima stranice i svakog pododjeljak. Jedini uvjet je da bilo koja pravila @import moraju biti ispred ostalih pravila vašeg stila. Nasljeđivanje još uvijek može predstavljati problem.
Zašto koristiti vezu?
Razlog br. 1 za upotrebu povezanih stilskih tablica je pružanje zamjenskih stilskih tablica za svoje kupce. Preglednici kao što su Firefox, Safari i Opera podržavaju atribut rel = "alternate stylesheet", a kada postoji jedan, omogućit će gledateljima da se prebacuju između njih. Također možete koristiti JavaScript prebacivač za prebacivanje između tablica stilova u IE-u - najčešće korištenom s Izgledi zumiranja radi pristupačnosti.
Jedan od nedostataka upotrebe @import jest da ako imate vrlo jednostavnu glavu s samo pravilom @import, vaše stranice mogu prikazivati "blještavi nestvareni sadržaj" dok se učitavaju. Jednostavno rješenje ovog problema je osigurati da imate barem jednu dodatnu vezu ili element skripte u glavi.
Što je s vrstom medija?
Mnogi autori tvrde da vrstu medija možete koristiti za skrivanje stilskih listova od starijih preglednika. Često ovu ideju spominju kao korist za upotrebu ili @import ili, ali možete postaviti medije type s bilo kojom metodom, a stariji preglednici koji ne podržavaju vrste medija neće ih vidjeti ni u jednoj slučaj.
Dakle, koju biste metodu trebali koristiti?
Većina programera danas koristi vezu, a zatim uvozi stilske tablice u vanjske tabele stilova. Na taj način u HTML dokumentima imate samo jedan ili dva retka koda za prilagodbu. Zaključak je da to ovisi o vama. Ako vam je ugodnije @import, krenite! Obje metode su u skladu sa standardima i ako ne planirate podržavati stvarno stare preglednike, nema čvrstih razloga za upotrebu.