ObecnΘ atributy

Existujφ atributy, kterΘ m∙╛e mφt ka╛d² HTML tag. Jß je naz²vßm obecn²mi atributy a pro ·sporu mφsta je uvßdφm najednou.

P°ehled obecn²ch atribut∙
Atribut V²znam Platnost pro
class t°φda pro CSS selekci v╣echny elementy
id identifikßtor pro CSS a skripty v╣echny elementy
style zßpis CSS stylu zobrazovanΘ elementy
title titulek elementu, dopl≥ujφcφ info v bublin∞ v╣echny elementy
lang jazyk elementu v╣echny elementy
name jmΘno pro spoluprßci s dal╣φmi prvky r∙znß pou╛itelnost
accesskey funkΦnφ klßvesa aktivnφ elementy
tabindex po°adφ aktivizace tabulßtorem akrivnφ elementy
language jazyk skriptu v╣echny elementy
dir sm∞r textu v╣echyn elementy
udßlosti u╛ivatelskΘ udßlosti spou╣t∞jφcφ skripty zobrazovanΘ elementy

class

T°φda elementu pou╛φvanß pro CSS. Umo╛≥uje jednoduchΘ oznaΦenφ elementu, kter² mß mφt jin² vzhled. V zßpisu stylu se jmΘnu t°φdy p°ed°azuje teΦka.

P°φklad:<style>
.cervene {color: red}
</style>
...
<p class="cervene">Odstavec Φerven²m pφsmem</p>

id

Identifikßtor, kter² by m∞l b²t jednoznaΦn². Pou╛φvß se pro CSS a skripty. V zßpisu CSS se jmΘnu identifikßtoru p°ed°azuje k°φ╛ek #.

P°φklad:<style>
#mrnavej {font-size: 5px}
</style>
...
<p id="mrnavej">Odstavec d∞sn∞ mr≥av²m pφsmem.</p>

style

Zßpis stylu v jazyce CSS.

P°φklad:<p style="line-height: 200%">Odstavec s dvojitou v²╣kou °ßdku</p>

title

Titulek elementu, dopl≥kovß informace. V dne╣nφch prohlφ╛eΦφch se zobrazuje ve ╛lutΘ bublin∞ p°i p°ejφ╛d∞nφ elementu my╣φ (to d°φve ╣lo jenom atributem alt u obrßzk∙). HezkΘ zvlß╣t∞ u odkaz∙.

<a href="http://www.jakpsatweb.cz/" title="o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek">Jak psßt web</a>

Je-li t°eba v title zalomit °ßdek, d∞lß se to entitou &#10;.

lang

Jazyk elementu. V souΦasnosti nep°φli╣ u╛iteΦnß v∞c. V budoucnu se s nφ poΦφtß pro lep╣φ zobrazovßnφ dokumentu v nßrodnφm prost°edφ. Standardnφ hodnotou pro Φe╣tinu je "cs" (nikoli cz), pro slovenΦinu "sk". AngliΦtina mß verze, nap° "en-us" pro americkou nebo "en-uk" pro britskou.

name

JmΘno. Nenφ to a╛ tak obecn² atribut, dß se u╛iteΦn∞ pou╛φt pouze u n∞kter²ch tag∙, zejmΘna formulß°ov²ch. V╛dy mß ale tent²╛ ·Φel: jednoznaΦn∞ pojmenovat (identifikovat) element pro spoluprßci prvk∙. V dynamickΘm HTML jeho funkci p°evzal atribut id.

accesskey

FunkΦnφ klßvesa. Tento atribut dovoluje ke ka╛dΘmu elementu p°i°adit klßvesu, po jejφm╛ stisknutφ (na Windowsech navφc s Altem) se bude element aktivovat. Dß se pou╛φt pouze u element∙, kterΘ mohou b²t aktivovßny, to znamenß u odkaz∙ a prvk∙ formulß°e.

P°φklad odkazu s funkΦnφ klßvesou: <a href="www.alt-f4.cz" accesskey="w">Mßte rßdi <b>W</b>indows?</a>

Dal╣φ informace o accesskey.

tabindex

Po°adφ prvku pro funkci tabelßtoru. V prohlφ╛eΦφch tabulßtor slou╛φ pro p°echßzenφ po aktivnφch prvcφch (odkazy a prvky formulß°e). Atribut tabindex dovoluje pozm∞nit v²chozφ po°adφ prvk∙, tak╛e se mohou aktivovat v jinΘm po°adφ, ne╛ jak jsou uvedeny v HTML k≤du. Hodnotou atributu tabindex je p°irozenΘ Φφslo. Nastavφ-li se n∞Φemu nula, pak tento objekt nelze tabulßtorem aktivovat.

language

Jazyk skriptu. Pou╛φvß se velmi z°φdka, v∞t╣inou se toti╛ skriptuje v JavaScriptu a ten nenφ pot°eba takto nastavovat. Ale programßto°i v VBScriptu pot°ebujφ atribut language pro zßpis in-line skript∙. Pozor, neple╗te si atribut language s atributem lang (jazyk dokumentu).

dir

Sm∞r textu. Hodnoty jsou dir="ltr" a dir="rtl". Rtl je zprava doleva (right to left), hodφ se pro hebrej╣tinu, arab╣tinu a jinΘ jazyky psanΘ zprava doleva. Je ΦßsteΦn∞ podporovßn i pro jinΘ jazyky, ale nemßm s nφm dobrΘ zku╣enosti, chovß se zmaten∞.

udßlosti

V dynamickΘm HTML se do ka╛dΘho tagu m∙╛e p°idat atribut udßlosti, kter² za°φdφ spu╣t∞nφ n∞jakΘho skriptu. Udßlostφ je asi dvacet, klasick²m p°φkladem je onmouseover -- p°ejetφ prvku my╣φ nebo onclick -- kliknutφ na element. V²pis v╣ech mo╛n²ch udßlostφ u╛ nepat°φ do HTML, ale do popisu skriptovacφch jazyk∙. V angliΦtin∞ se udßlostem °φkß "events".

P°φklad: <p onclick="alert('Trefa')">Klikateln² odstavec</p>

o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek

Nßvody HTML CSS JavaScript
Pφ╣e Yuh∙, dusan@pc-slany.cz

Hledßnφ:

HTML p°φruΦka na www.jakpsatweb.cz

Pφ╣e Yuh∙: http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz

Poslednφ aktualizace 10.12.2003