Vytváříme webové stránky – pár zlepšováků (část 3.)

V minulém díle jsem slíbil, že se budeme věnovat některým „zlepšovákům“ při psaní HTML.
[ad code=1 align=center]
Přípona .html namísto .HTM

Je lepší používat příponu .html, protože přípona .HTM byla původně pouze pro Internet Explorer.


Když Poznámkový blok nestačí

Určitě je dobré používat ke psaní HTML stránek nějaký editor, který Vám zvýrazní syntaxi a někdy také ulehčí práci. Navíc Poznámkový blok umí z nejčastějších kódování windows-1250 a utf-8 (v Uložit jako se dá zvolit kódování), ale jedno z nejpoužívanějších iso-8859-2 tam nastavit nejde. Já osobně používám k psaní stránek nejraději program PSPad [stáhni].

Vedle toho existují i programy, které vytvářejí HTML kód podle toho, jaké vkládáme do stránky prvky. Takovým programům se říká WYSIWYG editory (What You See Is What You Get, v překladu Co vidíš, to dostaneš). Mezi takové patří například Nvu, FrontPage či Macromedia Dreamweaver, ale my se budeme učit psát všechno ručně, abychom výslednému kódu mohli rozumět.

Nastavujeme kódování
Aby se znaky zobrazily, tak jak mají, nejlepší je používat kódování iso-8859-2 nebo utf-8.
Kódování stránky iso-8859-2 se nastaví tak, že za hlavičku <head> vložíme následující META hlavičku:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

Potom se ještě stránka musí s tímto kódováním uložit. Pokud Váš editor nezmění kódování sám, je nutné to nastavit ručně a pak uložit (v PSPadu lze nastavit kódování v nabídce Formát). Existují i další META hlavičky, která řeší napřklad klíčová slova, popis, copyright, vyhledávací roboty, atd.

Píšeme stráky dle standardů
Jak už jsem psal v prvním článku, už při učení se snažíme dbát na standardy dle konsorcia W3C.
Následující příklad můžete brát jako vzor všech stránek, které chcete vytvořit podle standardu xHTML 1.1 (s nastaveným kódováním iso-8859-2):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  <title>Titulek stránky</title>
</head>

<body>
Obsah stránky
</body>

</html>

První dva řádky můžete napsat na jeden (ale nechat mezeru mezi uvozovkami). Je dobré ty xhtml stránky podle této šablony psát. Je dobré si na to zvyknout hned, pak už to může jít hůř.

Obecné atributy

Existuje pár atributů tagů, které lze použít u většiny tagů v HTML. Jedním z nich je atribut title. Jde o nápovědu ve žlutém rámečku (bublince), pokud stojíte nad daným prvkem (oblastí) myší.

<span style="color: red;" title="Doplňující informace">Nějaký text</span>

Komentáře v HTML
Dle mého názoru nemají příliš velký význam, jako třeba u klasického programování. Nedají se dát 2 poznámky do sebe.

1
<!-- tady je nějaká poznámka, nezobrazí se -->

Závěr
Takže už HTML stránky umíme psát dle standardu, umíme si nastavit kódování a píšeme v našem oblíbeném editoru. Příště se už opravdu podíváme na vkládání odkazů a obrázků.

O Petr Fořt

Student ČVUT FJFI KSE ASI (Softwarové inženýrství v ekonomii). Zajímám se o počítače (programování, diagnostika chyb hw), hudbu. Mám rád grilování, táboráky, hraní na kytaru a srandu v dobré společnosti.