Možné způsoby externího připojení CSS stylu

Jednotlivé klady a zápory způsobů zapsání syntaxe

Úvod

V tomto návodu Vám ukáži,jak se dá nejčastěji oddělit styl CSS (kaskádový styl) od samé webové prezentace a
načíst jej externě.Však na tuto metodu je mnoho řešení a ne všechny jsou spolehlivé.Problém je v prohlížečích.Každý prohlížeč pracuje jinak,např. myslím tím IE(4,5,6),Mozilla,Opera,Netscape,aj.Proto je nutné vybrat tu správnou syntaxi
odkazu,aby nedocházelo k chybám například těm,že se nám stránka zobrazí jako "kupa textu",neboť IE link,který připojuje CSS styl k webu správně nepřečte.V následujících krocích Vám popíši,jakými všemy způsoby se dá takový CSS styl připojit externě,jednotlivé výhody i nevýhody.

Vysvětlení

( Ve všech případech soubor "kostra.css" je náš kaskádový styl.Samozřejmě jej můžeme libovolně přejmenovat ).

<link rel="stylesheet" type="text/css" href="kostra.css"> - Velmi používaný zápis,fungující ve valné většině prohlížečů.
<link rel="stylesheet" type="text/css" href="kostra.css" media="all"> - Nefungující u prohlížeče Netscape 4.x,neboť zná pouze media="screen".
<style type="text/css"> @import url ("kostra.css");</style> - Nefunguje v prohlížečích Netscape 4.x,IE 4,Konqueroru 2.1.2.Funguje ve Win IE od verze 4.72.
<style type="text/css"> @import url(kostra.css); - To stejné,jako přiklad hned nad tímto,funguje v Konqueroru,Win IE 4.x,avšak načte styl CSS jen za podmínky,zda-li je soubor .css ve stejném adresáři jako soubor .html
<style type="text/css"> @import("kostra.css");</style> - Tento zápis vůbec nedoporučuji,neboť funguje pouze v prohlížečích Mac IE 4,5+.
<style type="text/css"> @import url(kostra.css) screen;</style> - tuto možnost s uvedením média,tedy hodnotu "screen" nepodporuje žádný Windowsácký Inernet explorer.

Jako závěrečný příklad Vám sem přidám připojování externích souborů se styly v jazyce XML
<?xml-stylesheet type="text/css" href="kostra.css"?> - Tato syntaxe by měla fungovat i v jazyce XHTML,avšak její podpora prohlížeči je špatná.

Závěr

Výhoda připojování kaskádových stylů externě k stránkách je velice výhodná,neboť se nenačítá v každé stránce zbytečné množství dat a nedochází ke spomalování při načítání stránky.Připojování CSS stylu přímo k HTML,či jinému souboru se již na novějších webových prezentacích zcela neobjevuje.

Autor: Lukáš Blažek