Titulek a kódování znaků

Teď do prvku head něco vložíme. Skoro každá webová stránka v něm má tyto dva prvky.

Prvním je title, tedy titulek stránky. Prohlížeč ho ukazuje v záložce (na obrázku z minulého cvičení to bylo Start Coder) a vyhledávače jako Google nebo Seznam ho zobrazují jako nadpis každého výsledku hledání. Náhled tady žádnou záložku nemá, takže v něm titulek neuvidíte, ale na stránce je.

<title>Moje první stránka</title>

Druhým je meta, zkratka slova metadata, tedy údaje o stránce. Tenhle konkrétní říká prohlížeči, v jakém kódování znaků je stránka napsaná, aby správně přečetl písmena jako č, ř nebo é a nezobrazil místo nich podivné symboly. utf-8 je kódování, které zvládne písmena skoro všech jazyků světa.

<meta charset="utf-8">

Jsou tu dvě novinky. Části charset="utf-8" se říká atribut. Atributy si vysvětlíme ve 3. lekci, zatím ho prostě opište tak, jak je. A prvek meta nemá zavírací tag, protože nemá žádný obsah. Takových prvků je víc a s několika dalšími se ještě setkáme.

Prvek meta se píše do prvku head jako první, ještě před title, aby prohlížeč věděl, jak číst písmena, dřív než narazí na jakýkoli text:

<head>
	<meta charset="utf-8">
	<title>Moje první stránka</title>
</head>