Skirtingos svetainės apima jų išorinius Kaskados stiliaus lapai skirtingais būdais - naudodamiesi @import metodu arba susiedami su tuo CSS failu. Kuo skiriasi @import ir CSS nuoroda, ir kaip jūs nusprendėte, kuri iš jų jums geresnė?
Skirtumas tarp @import ir Link
Susiejimas yra pirmasis būdas įtraukti išorinį stiliaus lapą į savo tinklalapius. Jis skirtas susieti jūsų puslapį su stiliaus puslapiu. Jis pridedamas prie jūsų galvos HTML dokumentas.
Importuodami galite importuoti vieną stiliaus lapą į kitą. Tai šiek tiek skiriasi nuo nuorodų scenarijaus, nes galite importuoti stiliaus lapus susieto stiliaus lapo viduje.
Standartiniu požiūriu nėra jokio skirtumo tarp susiejimo su išoriniu stiliaus lapu ar jo importavimo. Bet kuris būdas yra teisingas ir daugeliu atvejų tas pats veiks vienodai gerai. Tačiau yra keletas priežasčių, dėl kurių galbūt norėsite naudoti viena kitą.
Kodėl verta naudoti @import?
Prieš daugelį metų dažniausia priežastis, dėl kurios vietoj (arba kartu) buvo naudojamas @import, yra ta, kad senesnės naršyklės neatpažino @import, todėl nuo jų galite slėpti stilius. Importuodami savo stiliaus lapus iš esmės padarytumėte juos prieinamus modernesnėms, standartus atitinkančioms naršyklėms, tuo pačiu „paslėpdami“ juos nuo
senesnės naršyklės versijos.Kitas „@import“ metodo naudojimas yra kelių stiliaus lapų naudojimas puslapyje, o dokumento galvutėje įtraukiant tik vieną nuorodą. Pavyzdžiui, korporacija gali turėti visuotinį stiliaus lapą kiekvienam svetainės puslapiui, o poskyriuose yra papildomų stilių, kurie taikomi tik tam poskyriui. Susieję su poskyrio stiliaus lapu ir importuodami visuotinius stilius to stiliaus viršuje lapo, jums nereikia išlaikyti gigantiško stiliaus lapo su visais svetainės stiliais ir kiekvienu poskyris. Vienintelis reikalavimas yra tai, kad bet kurios @import taisyklės turi atitikti likusias jūsų stiliaus taisykles. Paveldėjimas vis tiek gali būti problema.
Kodėl verta naudoti nuorodą?
Pagrindinė susietų stiliaus lapų naudojimo priežastis yra pateikti alternatyvius stiliaus lapus savo klientams. Tokios naršyklės, kaip „Firefox“, „Safari“ ir „Opera“, palaiko atributą „rel =" alternate stylesheet "ir, kai tik yra, žiūrintiesiems leis juos perjungti. Taip pat galite naudoti „JavaScript“ perjungiklį, norėdami perjungti stiliaus lakštus IE - dažniausiai naudojamus kartu su Mastelio išdėstymas prieinamumo tikslais.
Vienas iš @import naudojimo trūkumų yra tas, kad jei turite labai paprastą galvą, kurioje yra tik @import taisyklė, kraunant jūsų puslapius gali būti rodoma „nestiliuoto turinio blykstė“. Paprasta tai išspręsti - įsitikinti, kad galvoje yra bent vienas papildomas nuorodos ar scenarijaus elementas.
Ką apie laikmenos tipą?
Daugelis rašytojų teigia, kad laikmenos tipą galite naudoti norėdami paslėpti stiliaus lapus nuo senesnių naršyklių. Dažnai jie pamini šią idėją kaip naudą naudodami „@import“ arba, bet jūs galite nustatyti laikmeną įveskite bet kuriuo būdu, o senesnės naršyklės, nepalaikančios medijos tipų, jų taip pat nepamatys atveju.
Taigi kurį metodą turėtumėte naudoti?
Daugelis kūrėjų šiandien naudoja nuorodą ir tada importuoja stiliaus lapus į išorinius stiliaus lapus. Tokiu būdu HTML dokumentuose galite koreguoti tik vieną ar dvi eilutes. Bet esmė ta, kad tai priklauso nuo jūsų. Jei jums labiau patinka „@import“, eikite į tai! Abu metodai atitinka standartus ir, jei nenorite palaikyti tikrai senų naršyklių, nėra rimtos priežasties naudoti vieną iš jų.