!doctype dnes slouží především k rozlišení verze HTML a XHTML. Říkáme prohlížeči do jakého módu CSS se má přepnout, jakým způsobem bude počítat vzdálenosti atd.
Příklady:
Striktní: HTML 4.01 Strict DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
Přechodová: HTML 4.01 Transitional DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
S podporou rámců: HTML 4.01 Frameset DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
Striktní:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Přechodová:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
S podporou rámců:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Prohlížeči je třeba sdělit, v jakém kódování je stránka napsána. Např. Internet Explorer by ji zobrazil pokaždé ve Windows 1250.
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
Další alternativy:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Řekneme prohlížeči, že píšeme v českém jazyce.
<meta http-equiv="Content-language" content="cs">
Z nějakého důvodu si můžeme stránku podepsat uvedením autora.
<meta name="author" content="Já">
Některé vyhledávače toto někdy použijí jako text ve výsledku vyhledávaní. Pod odkazem na nalezenou stránku tak vypíše to, co do description zadáme.
<meta name="description" content="Něco o stránce">
Dříve měl tento meta-tag velkou důležitost při vyhledávání, dnes už jej žádný z velkých vyhledávačů nerespektuje, protože docházelo k jeho zneužívání. (Reklama, jiná slova, než na stránce skutečně byla.)
<meta name="keywords"content="web, tvorba, html">
Pokud chceme robotům vyhledávačů zakázat indexování nějaké stránky, lze to udělat tímto meta tagem. Zakážeme tak zároveň sledování odkazů na stránce. (Ne každý robot to musí respektovat.)
<meta name="robots" content="noindex,nofollow">
Často se zadává povolení k indexování:
<meta name="robots" content="index,follow">
Důležité hlavně pro vyhledávače. Obsah tagu title se také zobrazuje v „horní liště“ prohlížeče.
Zápis vypadá takto:
<title>Něco charakterizujícího obsah stránky</title>
Tip: V rámci webu by mělo být title na každé stránce jiné.
Do hlavičky se také dává odkaz na externí stylopis, pomocí kterého stránku formátujeme.
<link href="jméno souboru se stylem.css" rel="stylesheet" type="text/css">
Kromě externího stylopisu můžeme přidat každé stránce vlastní CSS platné jen pro ní.
<style type="text/css">
a {color: blue}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-language" content="cs"> <meta name="description" content="Něco o stránce"> <meta name="robots" content="index,follow"> <meta name="keywords"content="web, tvorba, html"> <title>Něco charakterizujícího obsah stránky</title> </head>