Skripty a styly

Tag	V²znam	Pßrov²	V²skyt
script	skript, program	ano	kdekoliv
noscript	alternativa ke skriptu	ano	vn∞ skriptu
style	zßpis CSS stylu	ano	<head>

Zde se zaobφrßm pouze zaΦlen∞nφm skript∙ a styl∙ do HTML, nikoli jimi samotn²mi. Kurz CSS u╛ jsem napsal, v²klad skript∙ je╣t∞ ne.

Script

Pßrov² tag obsahujφcφ zßpis skriptu. Skript nenφ zapsßn v HTML, ale v jinΘm jazyce, v∞t╣inou je to JavaScript.

Tag <script> m∙╛e b²t kdekoli v dokumentu, v hlaviΦce i v t∞le. Instrukce programu se zaΦnou okam╛it∞ provßd∞t (n∞kdy bez viditelnΘho efektu, nap°. p°i deklaraci funkcφ), jakmile je prohlφ╛eΦ naΦte.

Atributy tagu <script>
Atribut	V²znam	Hodnoty
language	jazyk skriptu	Javascript \| Jscript \| VbsScript \| a dal╣φ
src	cesta k externφmu skriptu	URL, nejΦast∞ji na soubor *.js
defer	odlo╛enφ b∞hu skriptu pou╛φvan² u skript∙, kterΘ obsahujφ pouze deklarace funkcφ a nejsou v dan² Φas bezprost°edn∞ pot°eba, Φφm╛ se urychlφ naΦφtßnφ	bez hodnoty
event	vazba skriptu na udßlost (n∞kterΘ prohlφ╛eΦe to nepodporujφ)	jmΘno udßlosti dokumentu (nap°. "document.body.onload")

Skripty mohou b²t do dokumentu vlo╛eny t°emi zp∙soby:

Elementem <script>, v n∞m╛ je program zapsßn (a pro jistotu zapoznßmkovßn).
Elementem <script>, kter² atributem src stßhne jin² soubor, ve kterΘm je program zapsßn. T∞lo tagu je prßzdnΘ a ihned nßsleduje znaΦka </script>.
In-line skript: Instrukce mohou b²t zapsßny jako hodnoty obecn²ch atribut∙ udßlostφ. Udßlost je nap°. stisknutφ tlaΦφtka nebo p°ejetφ odkazu. Tento zp∙sob nepou╛φvß tagu <style>.

V praxi se pou╛φvajφ kombinace t∞chto t°φ zßpis∙. Nap°. v externφm skriptu jsou pou╛itΘ knihovny funkcφ, p°φm²m zßpisem se inicializujφ prom∞nnΘ a in-line stylem se spou╣tφ funkce jako reakce na prßci u╛ivatele.

P°φklad zßpisu skriptu do tagu <script>:
<script language="javascript"></script>

P°φklad volßnφ externφho souboru:
<script language="Vbscript" src="iloveyou.vbs"></script>

P°φklad in-line skriptu volanΘho udßlostφ onmouseover:
<a href="tajna.html" onmouseover="alert('Neklikej na ten odkaz!')">Tajemstvφ</a>

Noscript

Alternativa ke skript∙m. Prohlφ╛eΦe, kterΘ skripty provßd∞jφ, obsah elementu ignorujφ (i kdy╛ majφ skripty zrovna vypnutΘ). Star╣φ prohlφ╛eΦe bez podpory skript∙ (plus vyhledßvaΦe) berou obsah tagu <noscript> jako b∞╛n² text. Tag nemß ╛ßdnΘ atributy.

Pozor, jde o tag pßrov², vynechßnφ koncovΘ znaΦky zp∙sobuje fatßlnφ problΘmy.

Tag <noscript> se umis╗uje mimo tag <script>, funguje dokonce, i kdy╛ ve strßnce ╛ßdn² skript nenφ.

Style

Zßpis stylu dokumentu. Pßrov² tag obsahujφcφ zßpis stylu. Styl je zapsßn v jazyce CSS (Cascading Style Sheets), kter² nenφ souΦßstφ HTML (aΦkoli na HTML ·zce navazuje).

Tag <script> by m∞l b²t souΦßstφ hlaviΦky, ale podle m²ch zku╣enostφ jej prohlφ╛eΦe akceptujφ i jako souΦßst t∞la.

Atributy tagu <style>
Atribut	V²znam	Hodnoty
type	jazyk stylu (nepovinnΘ, jde-li o CSS)	text/css \| jinΘ nejsou podporovßny
media	v²stupnφ za°φzenφ, na kterΘ se styl vztahuje	all \| print \| screen \| a dal╣φ
disabled	vypnutφ funkce stylu (z d∙vod∙ skriptovßnφ)	bez hodnoty

Styly dokumentu mohou b²t zapsßny trojφm zp∙sobem:

Jako obsah tagu <style> (je dobrΘ vlastnφ CSS je╣t∞ zapoznßmkovat)
Externφm souborem -- tagem <link rel=stylesheet href="soubor.css"> se dokument nalinkuje na soubor *.css, ve kterΘm jsou definice stylu.
P°φmo u ka╛dΘho elementu pomocφ obecnΘho atributu style, jeho╛ hodnotou je CSS zßpis. Tento zp∙sob se obejde bez pou╛itφ tagu <style>.

V praxi se mohou jednotlivΘ mo╛nosti kombinovat.

P°φklad zßpisu stylu pou╛itφm tagu <style>:
<style type="text/css"> </style>

P°φklad zßpisu stylu pou╛itφm tagu <link>:
<link rel="stylesheet" href="styly.css" type="text/css">

P°φklad in-line stylu:
<p style="color: red">╚erven² odstavec</p>