HTML-и динамикӣ
HTML мисли ҳар забон тағйир меёбад ва рушд мекунад. Зинаи навбатӣ – HTML-и динамикӣ (Dynamic HTML, DHTML): саҳифаҳо интерактивӣ мешаванд, ба амали корбар ҷавоб медиҳанд, ба осонӣ иваз мешаванд.
Ғояи асосии DHTML: забони сенария тамоми ҷузъҳои санад, параметрҳои оройиш, ҷобаҷокунии онҳо (чӣ дар HTML, чӣ дар CSS) ва ҳатто матни саҳифаро таҳти назорати худ мегирад – бинобар ин ҳар ҷузъ намуди худро ба осонӣ иваз карда метавонад. Скриптҳо дар шабака ҳамчун матни одӣ мегарданд ва танҳо пас аз боршавӣ ба браузер ба барнома табдил меёбанд. DHTML ду самтро якҷоя мекунад:
- забони сенариясозӣ (скрипт): JavaScript, JScript, VBScript – скриптро бо матн ва тегҳои HTML якҷоя ба саҳифа гузоштан мумкин аст; он ҳамаи рӯйдодҳои браузерро (пахши тугма, гузариш ба саҳифаи дигар) мебинад ва ҷавоб медиҳад: масалан, медонад, ки корбар кай саҳифаро тарк мекунад;
- ҷадвали сабкҳои зинагӣ (Cascading Style Sheets, CSS): сохтори санадро аз намуди он ҷудо мекунад, ба корбар имкон медиҳад, ки намуди ҷузъро худаш муайян кунад ва як сабки ягонаро ба саҳифаҳои зиёд татбиқ мекунад.
Сабк чист
Сабк – маҷмӯи қоидаҳое, ки бо онҳо браузер тегҳои HTML-ро нишон медиҳад: ҳуруф (гарнитур, андоза, ранг), абзатс (сарсатр, байнисатрӣ, радиф), блок (фосила аз чап, рост, боло, поён, мавқеъ), дигар (ранги пайвандҳо, намуди курсор).
Қоида чунин навишта мешавад:
Селектор – номи теге, ки қоида ба он мегузарад. Дар дохили { } – ҷуфтҳои «хосият: қимат», бо ; ҷудо мешаванд. Агар қоида танҳо як ҷуфт дорад, ; лозим нест. Чанд тегро бо вергул менависанд: h1, h2, h3 { color: red }.
Тавзеҳ дар CSS бо /* … */ навишта мешавад (бо тавзеҳи HTML <!-- --> фарқ мекунад).
Се тарзи ҷойгир кардан
| Тарз | Чӣ тавр |
|---|---|
| inline | хосияти style дар худи тег: <p style="color: red"> |
| татбиқӣ (дохили санад) |
