Dažādas vietnes ietver to ārējo Kaskādes stila lapas dažādos veidos - vai nu izmantojot pieeju @import, vai arī saistot ar šo CSS failu. Kāda ir atšķirība starp @import un CSS saiti, un kā jūs izlēmāt, kura no tām jums ir labāka?
Atšķirība starp @import un Link
Saistīšana ir pirmā metode, kā savās tīmekļa lapās iekļaut ārēju stila lapu. Ir paredzēts saistīt jūsu lapu ar stila lapu. Tas tiek pievienots jūsu HTML dokuments.
Importēšana ļauj importēt vienu stila lapu citā. Tas nedaudz atšķiras no saites scenārija, jo jūs varat importēt stila lapas saistītās stila lapas iekšpusē.
No standarta viedokļa nav atšķirības starp saistīšanu ar ārēju stila lapu vai tās importēšanu. Jebkurš no šiem veidiem ir pareizs, un vairumā gadījumu tas darbosies vienlīdz labi. Tomēr ir daži iemesli, kāpēc jūs varētu vēlēties izmantot vienu citu.
Kāpēc izmantot @import?
Pirms daudziem gadiem visizplatītākais iemesls, kāpēc tika izmantots @import tā vietā (vai kopā ar to), ir tas, ka vecākas pārlūkprogrammas neatpazina @import, tāpēc no tiem varēja paslēpt stilus. Importējot stila lapas, jūs būtībā padarīsit tās pieejamas modernākām, standartiem atbilstošām pārlūkprogrammām, vienlaikus "slēpjot" tās no
vecākas pārlūka versijas.Cita @import metodes izmantošana ir vairāku stila lapu izmantošana lapā, dokumenta galvā iekļaujot tikai vienu saiti. Piemēram, korporācijai var būt globāla stila lapa katrai vietnes lapai, un apakšsadaļām ir papildu stili, kas attiecas tikai uz šo apakšsadaļu. Saistot uz apakšsadaļas stila lapu un importējot globālos stilus šī stila augšdaļā lapa, jums nav jāuztur gigantiska stila lapa ar visiem vietnes un katra stila veidiem apakšsadaļa. Vienīgā prasība ir tāda, ka visiem @import noteikumiem ir jāatbilst pārējiem jūsu stila noteikumiem. Mantojums joprojām var būt problēma.
Kāpēc izmantot saiti?
Saistīto stila lapu izmantošanas iemesls Nr. 1 ir nodrošināt alternatīvas stila lapas saviem klientiem. Tādas pārlūkprogrammas kā Firefox, Safari un Opera atbalsta atribūtu rel = "alternate stylesheet" un, ja tāds būs pieejams, skatītāji varēs pārslēgties starp tiem. Varat arī izmantot JavaScript pārslēdzēju, lai pārslēgtos starp stila lapām IE - visbiežāk to lieto kopā ar Tālummaiņas izkārtojumi pieejamības nolūkos.
Viens no @import izmantošanas trūkumiem ir tāds, ka, ja jums ir ļoti vienkārša galva un tajā ir tikai @import likums, tad to ielādes laikā jūsu lapās var parādīties "nestilizēta satura zibspuldze". Vienkāršs labojums ir pārliecināties, ka galvā ir vismaz viens papildu saites vai skripta elements.
Kas par multivides veidu?
Daudzi rakstnieki apgalvo, ka multivides veidu varat izmantot, lai paslēptu stila lapas no vecākām pārlūkprogrammām. Bieži vien viņi min šo ideju kā ieguvumu, izmantojot vai nu @import, vai arī, bet jūs varat iestatīt plašsaziņas līdzekļus ierakstiet ar kādu no metodēm, un vecākas pārlūkprogrammas, kas neatbalsta multivides veidus, arī tos neskatīs gadījumā.
Tātad, kuru metodi jums vajadzētu izmantot?
Lielākā daļa izstrādātāju šodien izmanto saites un pēc tam importē stila lapas ārējās stila lapās. Tādā veidā HTML dokumentos ir jāpielāgo tikai viena vai divas koda rindas. Bet secinājums ir tāds, ka tas ir atkarīgs no jums. Ja jums ir ērtāk ar @import, tad dodieties uz to! Abas metodes atbilst standartiem, un, ja vien jūs neplānojat atbalstīt patiešām vecas pārlūkprogrammas, nav spēcīga iemesla to izmantot.