Erinevad saidid hõlmavad nende väliseid Kaskaadiga stiililehed erinevatel viisidel - kas kasutades @import-lähenemist või lingi selle CSS-failiga. Mis vahe on CSS-i @importil ja lingil ning kuidas otsustasite, milline neist on teie jaoks parem?
Erinevus @import ja Link vahel
Linkimine on esimene meetod välise stiililehe lisamiseks oma veebilehtedele. See on mõeldud teie lehe linkimiseks teie stiililehega. See lisatakse teie pähe HTML-dokument.
Importimine võimaldab teil ühe stiililehe teise importida. See erineb lingistsenaariumist veidi, kuna saate stiililehti importida lingitud stiililehe sisse.
Standardi seisukohast pole vahet, kas linkida välise stiililehega või importida. Mõlemad viisid on õiged ja mõlemad toimivad enamikul juhtudel võrdselt hästi. Siiski on mõned põhjused, miks võiksite üksteist kasutada.
Miks kasutada @import?
Aastaid tagasi on kõige tavalisem põhjus, miks @import selle asemel (või koos) kasutati, seetõttu, et vanemad brauserid ei tundnud @importi ära, nii et võiksite nende eest stiilid peita. Stiililehtede importimisega muudaksite need sisuliselt kättesaadavaks kaasaegsematele, standarditele vastavatele brauseritele, samal ajal "varjates" neid
vanemad brauseriversioonid.@Import -meetodi teine kasutusviis on lehel mitme stiililehe kasutamine, lisades samal ajal dokumendi peas ainult ühe lingi. Näiteks võib ettevõttel olla saidi iga lehe jaoks üldine stiilileht, kusjuures alamjaotistel on täiendavaid stiile, mis kehtivad ainult selle alajaotise kohta. Linkides alajaotise stiililehega ja importides selle stiili ülaosas olevad globaalsed stiilid lehel, ei pea te säilitama hiiglaslikku stiililehte, kus on kõik saidi stiilid ja kõik alajagu. Ainus nõue on see, et kõik @import-reeglid peavad kehtima enne ülejäänud teie stiilireegleid. Pärand võib endiselt probleem olla.
Miks kasutada linki?
Lingitud stiililehtede kasutamise nr 1 põhjus on pakkuda oma klientidele alternatiivseid stiililehti. Brauserid nagu Firefox, Safari ja Opera toetavad atribuuti rel = "alternate stylesheet" ja kui see on saadaval, võimaldavad vaatajad nende vahel vahetada. Samuti saate IE-s stiililehtede vahel vahetamiseks kasutada JavaScripti vahetajat - seda kasutatakse tavaliselt koos Suumipaigutused juurdepääsetavuse huvides.
Üks @import kasutamise puudusi on see, et kui teil on väga lihtne pea ja ainult @import reegel, võivad teie lehed laadimise ajal kuvada "stiilimata sisu välku". Selle lihtsaks lahenduseks on veenduda, et peas oleks vähemalt üks täiendav link või skriptielement.
Aga meediumitüüp?
Paljud kirjanikud väidavad, et meediumitüübi abil saate stiililehti vanemate brauserite eest peita. Sageli mainivad nad seda ideed kasuks kas @import või, kuid saate meedia seadistada tippige kummagi meetodiga ja vanemad brauserid, mis ei toeta meediumitüüpe, ei vaata neid kummaski juhtum.
Niisiis, millist meetodit peaksite kasutama?
Enamik arendajaid kasutab tänapäeval linke ja impordib seejärel stiililehti välistesse stiililehtedesse. Nii on teil HTML-dokumentides kohandamiseks ainult üks või kaks koodirida. Kuid kokkuvõte on see, et see sõltub sinust. Kui teil on @import mugavam, siis minge! Mõlemad meetodid vastavad standarditele ja kui te ei kavatse toetada tõeliselt vanu brausereid, pole kummagi kasutamiseks tugevat põhjust.