HTML dokument je celý obsažen uvnitř prostého prvku <HTML>…</HTML>, který obsahuje záhlaví dokumentu <HEAD>…</HEAD> a tělo dokumentu <BODY>…</BODY>. Obecně každý HTML dokument má předepsanou základní strukturu, specifikovanou základní kostrou dokumentu.
| základní kostra | <!DOCTYPE HTML PUBLIC ” -//IETF//DTD HTML v.m//EN”> | |
| nepovinná oficiální identifikace HTML dokumentu | ||
| <HTML> <HEAD> |
||
| <TITLE> …titulek… </TITLE> … ostatní_ prvky_záhlaví … </HEAD> <BOBY> |
část <TITLE> je povinná celá včetně úvodní a koncové značky; značky <HTML>,</HTML> <BODY>,</BODY> zapsány být nemusí (aby byly čitelné i starší HTML dokumenty, není zápis těchto značek nutný) | |
| … tělo dokumentu … </BOBY> </HTML> |
tělo dokumentu vytváří vlastní viditelnou část dokumentu; záhlaví dokumentu je formální neviditelnou částí dokumentu | |
| ohraničení dokumentu | <HTML> … </HTML> | |
| párová značka, která slouží k ohraničení každého jednotlivého dokumentu; je nepovinná a některými prohlížeči je ignorována | ||
| záhlaví dokumentu | <HEAD>…prvky_záhlaví…</HEAD> | |
| <HEAD> | párová značka, která vymezuje záhlaví dokumentu; obsahuje uspořádanou kolekci informací o dokumentu, která slouží výlučně pro prohlížecí program; v záhlaví by neměl být obsažen žádný zobrazovací text! úvodní a koncová značka nemusí být uvedena; do záhlaví dokumentu náleží prvky: <TITLE>, <BASE>, <ISINDEX>, <META>, <LINK>, <STYLE>, <SCRIPT>, NEXTID> | |
| Titulek | <TITLE> …text_titulku…</TITLE> | |
| <TITLE> | Párová značka, která definuje titulek dokumentu; každý HTML dokument musí obsahovat prvek TITLE (měl by obsahovat stručnou a výstižnou charakteristiku; použije se např. v seznamu záložek, zobrazí se na horní liště okna prohlížecího programu a zpracovává jej většina programů); počet znaků titulku by neměl překročit 64 | |
| Báze URL | <BASE href=”url” target=”cílové_okno”> | |
| <BASE> | Nepárová značka, která definuje základní (bázovou část) URL pro interpretaci relativních URL obsažených v dokumentu; je-li prvek uveden, pak se všechny relativní lokátory v dokumentu vztahují k tomuto URL; není-li prvek uveden, užívá se implicitně jako základní to URL, pod nímž byl dokument získán; není-li to nezbytné, doporučuje se značku <BASE> používat v dokumentu uvážlivě nebo se jí vyhnout. | |
| href= | báze URL pro dokument (musí se jednat o absolutní, tj. nerelativní tvar; viz ”Dodatky”) | |
| target= | implicitní cílové okno pro všechny odkazy v dokumentu (neobsahují-li vlastní atribut target) | |
| prostý formulář | <ISINDEX action=”url” prompt=”text” | |
| <ISINDEX> | nepárová značka, která zajišťuje, že prohlížecí program bude chápat dotyčný dokument jako dokument s primitivním formulářem pro dotaz s prostými klíčovými slovy; způsob zobrazení pole dotazu je věcí prohlížecího programu | |
| action= | URL, kam má být požadavek z formuláře předán (může to být např. odkaz na CGI-Script); není-li atribut uveden, použije se aktuální URL | |
| prompt= | text, kterým má být uvedeno pole dotazu; není-li atribut uveden, použije se implicitní text určený prohlížecím programem | |
| metainformace <META> |
<META name=”identifikátor” content=”hodnota” http-equiv=”identifikátor”> <META name=”identifikátor” content=”hodnota; url=adresa” http-equiv=”identifikátor”> | |
nepárová značka, která umožňuje získat od serveru speciální metainformace (dodatečné informace) o dokumentu; tyto informace mají dvě hlavní funkce:
Protokol HTTP přenáší také speciální informace o souboru, např. typ souboru. Návěští META zajistí přenos dodatečných informací. Atribut HTTP-EQUIV určí jméno dodatečné informace o souboru, atribut CONTENT její hodnotu. Použijeme-li místo HTTP-EQUIV atribut NAME, nevyrobí se dodatečné informace http, ale pouze se rozšíří záhlaví dokumentu. Toto návěští uvádí doplňkové informace jako jméno autora, datum vytvoření, použitý editor apod. | ||
| name= | specifikuje identifikátor; není-li uveden, určuje identifikátor atribut http-equiv | |
| Generator | content=”Definice generátoru (editoru) HTML dokumentu” | |
| Author | content=”Jméno autora” | |
| Keywords | Klíčová slova stránky (pro vyhledávací nástroje). content=”klíčové_slovo_1, klíčové_slovo_2, klíčové_slovo_3,…” | |
| Description | Popis stránky (pro vyhledávací nástroje). content=”popis stránky” | |
| Robots | content=”all” Vzkaz pro roboty prohlížet celé stránky. | |
| Classification | content=”klasifikace stránky” | |
| Downloaded from | content="Java Script Library - http://java.tatousek.cz" | |
| Designed by | content="JT WebDesign Studio - http://www.jtwds.cz" | |
| content= | Specifikuje hodnotu. | |
| http-equiv= | Název HTTP hlavičky, které se to týká; ovlivňuje obsah hlavičky http protokolu. | |
| Refresh | content=počet_vteřin_zpoždění url=”absolutní adresa přesměrování na daný dokument” | |
| Content-Type | content=”text/html; charset=windows-1250” | |
| url= | Url dokumentu nebo absolutní adresa pro přesměrování dokumentu. Platí pro Reflesh, v “contentu” hodnota 0-xx, kde hodnota je prodleva ve vteřinách. | |
| připojovaný dokument | <LINK href=”url” title=”text” rel=”typ”> | |
| <LINK> | nepárová značka, která specifikuje vazbu na jiný dokument; pokud se nejedná o připojovaný zdroj, který je přímo zařazen do zpracování stránky, pak je věcí prohlížecího programu, zda a jak poskytne možnost dotyčný dokument získat; prvek se typicky užívá např. pro vyjádření autorství, stránkový obsah, rejstřík, glosář, starší nebo novější verze dokumentu, hierarchii dokumentu, sdružené zdroje jako např. styly a podobně; záhlaví může obsahovat několik značek <LINK> | |
| href= | URL dle odkazu | |
| title= | stručný popisek informace, na kterou značka odkazuje; čistě informativní položka, kterou prohlížecí program může využít k zobrazení ”náznaku” | |
| rel= | určuje význam cílového dokumentu a jeho vztah k dokumentu stávajícímu | |
| rev= | opak atributu rel; určuje vztah aktuálního dokumentu k odkazovanému typ je jeden z následujících definovaných názvů pro rel a rev (!seznam názvů není definitivní) | |
| Parent | rodič | |
| Made | autor (odkaz na domovskou stránku nebo mailto) | |
| Home | domovská stránka | |
| ToC | obsah (Table of Content) | |
| Index | rejstřík | |
| StylesSheet | styl dokumentu | |
| Glossary | glosář (slovník pojmů) | |
| Copyright | Copyright | |
| Up | nadřazený dokument (v hierarchii) | |
| Next | následující dokument (v hierarchii) | |
| Previous | předchozí dokument (v hierarchii) | |
| Help | stránka s nápovědou | |
| Bookmark | ústřední dokument hierarchie | |
| styl | <STYLE notation=”application/css” src=”url”> …definice_stylů… </STYLE> | |
| <STYLE> | párová značka, která umožňuje explicitně definovat styly v dokumentu; tělo stylu obsahuje instrukce tvaru selector[,selector[,…]] {deklarace[,deklarace[,…]]} kde selektor je libovolný HTML prvek a deklarace je dvojice vlastnost:hodnota (např. H1 {font_family:helvetica; color:red}), instrukce tedy umožňují předepsat prohlížecímu programu způsob sazby dokumentu. Ostatní viz: CSS dokument | |
| notation= | povinný atribut, určuje MIME typ (pro definice stylu byl vyhrazen MIME typ ‘application/css’) | |
| src= | nepovinný atribut; specifikuje URL, který obsahuje text stylu; je-li uveden, bude takto získaný skript doplněn instrukcemi obsaženými ve značce !definice není standardizována | |
| skript | <SCRIPT language=”jazyk” scr=”url” …text_skriptu…</SCRIPT> | |
| <SCRIPT> | párová značka, která ohraničuje skript (speciální předpis, který v požadovaném bodě prohlížecí program vykoná) | |
| language= | v současnosti JavaScript – povinný atribut | |
| src= | specifikuje URL, který obsahuje instrukce skriptu; je-li uveden, bude takto získaný skript doplněn instrukcemi obsaženými ve značce !definice není standardizována | |
| tělo dokumentu <BODY> |
<BODY backgrond=”url” bgcolor=”barva” text=”barva” link=”barva” alink=”barva” vlink=”barva” onload=”JavaScript”> …tělo_dokumentu… </BODY> | |
| párová značka, která ohraničuje celou hlavní část dokumentu; obsahuje veškerý běžný text dokumentu včetně nadpisů, odstavců, seznamů, obrázků, atd.; vytváří vlastní informační obsah dokumentu; atributy slouží k nastavení opakovaného podkladu pozadí, barvy pozadí, barvy pro normální text a barvy pro hypertextové linky; úvodní a koncová značka nemusí být uvedeny | ||
| backgroud= | URL ”prvku tapety” (opakovaný podkladový obrázek) | |
| bgcolor= | barva podkladu dokumentu (papír) | |
| text= | barva normálního textu | |
| link= | barva hypertextových odkazů | |
| alink= | barva aktivních (právě vybraných) odkazů | |
| vlink= | barva již navštívených odkazů | |
| onload= | aktivace (nahrání), např. skriptu JavaScript | |
| barva (viz.”Dodatky”) se zadává jako hexadecimální RGB hodnota červené, zelené a modré složky ”#ččzzmm” (např. link=”#FF0000” zobrazuje červená spojení), nebo jako jedna ze 16 všeobecně srozumitelných názvů barev (odpovídajících základní 16-ti barevné paletě VGA): agua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow | ||
| kometář | <![--text_komentáře_1--] [--text_komentáře_2--]…> | |
| <!> | komentář je text, který s obsahem HTML dokumentu přímo nesouvisí a při zpracování dokumentu je ignorován (nezobrazí se); může se vyskytnout kdekoliv v dokumentu; kromě komentování zdrojového textu se užívá také pro specifické účely, jako např.: | |
| <!DOCTYPE HTML PUBLIC ”-//IETF//DTD HTML v.m//EN”> oficiální identifikace dokumentu HTML (nepovinné) | ||
| <!--#příkaz parametr=hodnota parametr=hodnota … -- > příkaz pro server (pro serverem vkládané vsuvky – server nahradí tyto příkazy v těle dokumentu částmi HTML textu) | ||
| #echo var=”proměnná” | nahradí vsuvku hodnotou proměnné (LAST_MODIFIED, DOCUMENT_NAME, DOCUMENT_URL, QUERY_STRING_UNESCAPED, DATE_LOCAL, DATE_GTM,) | |
| #exec cgi=”program” | nahradí vsuvku výstupem spuštěného programu nebo skriptu | |
| #exec cmd=”příkaz” | nahradí vsuvku výstupem příkazu standardního interpretu příkazu (shell-u) | |
| #size file=”soubor” | nahradí vsuvku údajem o velikosti zadaného souboru | |
| #flastmod file=”soubor” | nahradí vsuvku dobou poslední modifikace zadaného souboru | |
| #include file=”soubor” | nahradí vsuvku obsahem souboru | |
| #include virtual=”url” | nahradí vsuvku obecným URL | |