Različna spletna mesta vključujejo svoje zunanje strani Cascading Style Sheets na različne načine - bodisi s pristopom @import bodisi s povezavo do te datoteke CSS. Kakšna je razlika med @import in povezavo za CSS in kako ste se odločili, katera je boljša za vas?
Razlika med @import in Link
Povezava je prva metoda za vključitev zunanjega sloga na vaše spletne strani. Predvidena je povezava vaše strani s slogom. Doda se v glavo vašega Dokument HTML.
Uvoz vam omogoča uvoz enega slogovnega lista v drugega. To se nekoliko razlikuje od scenarija povezave, ker lahko stilske liste uvozite znotraj povezanega slogovnega lista.
S stališča standardov ni razlike med povezovanjem z zunanjim slogom ali njegovim uvozom. Kateri koli način je pravilen in v obeh primerih bo v večini primerov deloval enako dobro. Vendar obstaja nekaj razlogov, da boste morda želeli uporabiti enega nad drugim.
Zakaj uporabljati @import?
Pred mnogimi leti je bil najpogostejši razlog za uporabo @import namesto (ali skupaj z njim) ta, da starejši brskalniki niso prepoznali @import, zato ste lahko pred njimi skrili sloge. Z uvozom svojih slogovnih listov bi jih v bistvu dali na voljo sodobnejšim brskalnikom, ki ustrezajo standardom, medtem ko bi jih "skrivali" pred
starejše različice brskalnika.Druga metoda metode @import je uporaba več slogovnih listov na strani, pri čemer je v glavo dokumenta vključena samo ena povezava. Korporacija ima lahko na primer globalni tabelo slogi za vsako stran na spletnem mestu, pri čemer imajo pododdelki dodatne sloge, ki veljajo samo za ta pododdelek. S povezavo do slogovnega lista pododdelka in uvozom globalnih slogov na vrhu tega sloga lista, vam ni treba vzdrževati orjaškega slogovnega lista z vsemi slogi spletnega mesta in vseh pododdelek. Edina zahteva je, da morajo biti vsa pravila @import postavljena pred ostalimi pravili sloga. Dedovanje je še vedno lahko problem.
Zakaj uporabljati povezavo?
Razlog št. 1 za uporabo povezanih tabel je, da svojim strankam zagotovite nadomestne tabele. Brskalniki, kot so Firefox, Safari in Opera, podpirajo atribut rel = "alternate stylesheet" in ko bo na voljo, bodo gledalci lahko preklapljali med njimi. S stikalom JavaScript lahko tudi preklapljate med slogovnimi listi v IE - najpogosteje uporabljeni z Postavitve povečave za namene dostopnosti.
Ena od pomanjkljivosti uporabe @import je, da če imate zelo preprosto glavo z le pravilom @import, lahko vaše strani pri nalaganju prikazujejo "bliskavico nestilizirane vsebine". Preprosta rešitev tega je, da imate v glavi vsaj eno dodatno povezavo ali element skripta.
Kaj pa vrsta medija?
Številni pisci trdijo, da lahko vrsto medija uporabite za skrivanje slogovnih listov iz starejših brskalnikov. To idejo pogosto omenjajo kot prednost pri uporabi @import ali, vendar lahko nastavite medije tipa z eno ali drugo metodo, starejši brskalniki, ki ne podpirajo vrst predstavnosti, pa jih ne bodo videli niti v enem Ovitek.
Torej, katero metodo bi morali uporabiti?
Večina razvijalcev danes uporablja povezavo in nato uvaža sloge v zunanje sloge. Tako imate v dokumentih HTML le eno ali dve vrstici kode, ki ju lahko prilagodite. Bistvo pa je, da je odvisno od vas. Če vam je @import bolj všeč, se odločite! Obe metodi sta skladni s standardi in razen če nameravate podpirati res stare brskalnike, nobenega tehtnega razloga za uporabo ni.