Sémantika
pravý význam html značek

Hlavní strana » Návody » Desatero sémantického webu

Desatero sémantického webu

Na tohle byste opravdu neměli zapomenout

Používejte nadpisy

K vyznačení nadpisů slouží značky <h1> až <h6>, nikoliv nastylované divy či spany. Dokonce ani značka <font> v kombinaci s <b> není zrovna nejvhodnější řešení.

Text zvýrazňujte příslušnými značkami

Na zvýraznění textu máme značky <em> nebo silnější <strong>, opět nepoužívejte žádné kaskádové výmysly nebo hrátky s <font>.

Používejte odstavce

Text rozdělujte do odstavců <p>, neoddělujte odstavce řádkovým zlomem <br>, ten neslouží ke členění textů do odstavců.

Nepřekrucujte si značky k obrazu svému

Každá značka má svůj význam, někdy se dá přimhouřit oko a použít značku na něco podobného, ale rozhodně neutíkejte s nějakou značkou do úplně jiné významové dimenze.

Tabulky používejte pro tabulková data

Vyhněte se pokud možno tabulkovému layotu, ale kupříkladu na ceník tabulku rozhodně použijte, rozlišujte tabulková a netabulková data.

Menu má také svou značku

Odkazy v menu napište do jednotlivých položek značky <menu>, případně <ul>, pokud pracujete ve striktním dtd.

Minimalizujte počet nesémantických značek

Týká se to především problematických značek <div> a <span>. Některé věci bez nich nejdou udělat, některé se dělají těžko. Přesto se pokuste nepoužívat je, když nebude třeba.

Všechno, co se týká vzhledu, patří do kaskádových stylů

Kaskádové styly jsou zde kvůli určení vzhledu dokumentu, HTML značky zase kvůli významu. Myslete na to.

Myslete na značky pro logické formátování

Mám tím na mysli značky jako <ins>, <del>, <address>, <sub>, <sup> nebo značky pro citáty, zkratky, počítačový kód apod. Často se na ně zapomíná, alespoň občas si tak vzpomeňte, že vůbec existují.

Formuláře mají také svůj řád

Používejte ve formulářích značky jako <fieldset>, <legend> a <label>, nejen že váš web bude sémantičtější, ale pomůžete i uživateli.

Ikonka sémantického webu

Původně jsem to bral spíš jako legraci, ale pak jsem si řekl, proč ne. Takže pokud váš web splnil všechny body sémantického desatera, můžete si na své stránky umístit následující ikonku:

Vzhledem k tomu, že neexistuje žádný validátor sémantiky, nezbývá mi nic jiného, než důvěřovat tvůrcům webových stránek, že tuto ikonku nebudou zneužívat, například umístěním ikonky na nesémantickém webu. Ještě pár detailů k používání a šíření: ikonku si můžete umístit kam jen chcete, ikonka nemusí odkazovat na tento web (narozdíl od ikonky validity, která musí odkazovat na konsorcium), může si jen spokojeně hovět na vašich stránkách. Samozřejmě ale klidně může odkazovat na tento web, já se určitě zlobit nebudu. Pokud nemáte potřebu si tuto ikonku na váš web dávat, tak si ji tam nedávejte, já vás pochopitelně nenutím, je to spíš jen „for fun”.

«« Fekální styl » rozcestník «

o web se stará Lukáš Havrlant (kontakt)