Различите веб локације укључују своје екстерне Каскадни табеле стилова на различите начине - или коришћењем @импорт приступа или повезивањем на ту ЦСС датотеку. Која је разлика између @импорт и линка за ЦСС и како сте одлучили који је бољи за вас?
Разлика између @импорт и Линк
Повезивање је први метод за укључивање спољног листа стилова на ваше веб странице. Намењен је повезивању ваше странице са табелом стилова. Додаје се у главу вашег ХТМЛ документ.
Увоз вам омогућава увоз једног стилског листа у други. Ово се мало разликује од сценарија повезивања, јер можете увести табеле стилова унутар повезане табеле стилова.
Са становишта стандарда, нема разлике између повезивања са спољним табелом стилова или његовог увоза. Било који начин је тачан и оба начина ће у већини случајева радити подједнако добро. Међутим, постоји неколико разлога због којих бисте можда желели да користите један преко другог.
Зашто користити @импорт?
Пре много година, најчешћи разлог који је наведен због коришћења @импорт уместо (или заједно са њим) је тај што старији прегледачи нису препознали @импорт, па сте од њих могли сакрити стилове. Увозом табела стилова, у основи бисте их учинили доступним модернијим прегледачима који су у складу са стандардима, док бисте их „скривали“ од
старије верзије прегледача.Још једна употреба методе @импорт је употреба више табела стилова на страници, уз истовремено укључивање само једне везе у глави вашег документа. На пример, корпорација може да има глобални табелу стилова за сваку страницу на веб локацији, а пододељци имају додатне стилове који се односе само на тај пододсек. Повезивањем на табелу стилова потпоглавља и увозом глобалних стилова на врху тог стила листа, не морате да одржавате гигантски стил са свим стиловима за локацију и сваки пододељак. Једини захтев је да било која правила @импорт морају да буду испред осталих правила вашег стила. Наслеђивање још увек може представљати проблем.
Зашто користити везу?
Разлог бр. 1 за коришћење повезаних табела стилова је пружање алтернативних табела стилова за своје купце. Прегледачи као што су Фирефок, Сафари и Опера подржавају атрибут рел = "алтернате стилесхеет" и када постоји један, омогућиће гледаоцима да се пребацују између њих. Такође можете да користите ЈаваСцрипт пребацивач за пребацивање између табела стилова у ИЕ-у - најчешће коришћених са Изгледи зума ради приступачности.
Један од недостатака коришћења @импорт је тај што ако имате врло једноставну главу са само правилом @импорт, ваше странице могу приказивати „блиц нестилизованог садржаја“ док се учитавају. Једноставно решење овог проблема је осигурати да имате барем једну додатну везу или елемент скрипте у глави.
Шта је са врстом медија?
Многи писци тврде да тип медија можете користити за сакривање табела стила од старијих прегледача. Често ову идеју спомињу као корист за коришћење или @импорт или, али можете поставити медиј типе са било којом методом, а старији прегледачи који не подржавају типове медија неће их видети ни у једном случај.
Дакле, који метод треба да користите?
Већина програмера данас користи везу, а затим увози табеле стилова у спољне табеле стилова. На тај начин имате само један или два ретка кода за подешавање у ХТМЛ документима. Закључак је да је све на вама. Ако вам је угодније са @импорт, идите! Обе методе су у складу са стандардима и ако не планирате да подржите заиста старе прегледаче, не постоји чврст разлог за коришћење ни једног ни другог.