Důležitým principem pohybu webových standardů, který je zodpovědný za průmysl, který máme dnes, je myšlenka používání prvků HTML pro to, co jsou, spíše než jak se mohou ve výchozím nastavení zobrazovat v prohlížeči. Toto je známé jako použití sémantického HTML.
Co je sémantický HTML
Semantické HTML nebo sémantické značkování je HTML, který představuje význam pro webovou stránku spíše než pro prezentaci. Například a
značka označuje, že přiložený text je odstavcem.
Toto je sémantické i prezentační, protože lidé vědí, jaké odstavce jsou a prohlížeče vědí, jak je zobrazovat.
Na druhé straně této rovnice jsou značky jako a nejsou sémantické, protože definují pouze to, jak by text měl vypadat (tučně nebo kurzívou) a neposkytovat znaménko pro označení. Příklady sémantických tagů HTML zahrnují značky záhlaví Výhoda psaní sémantického HTML vyplývá z toho, jaký by měl být hnací cíl jakékoli webové stránky - touha komunikovat. Přidáním sémantických značek do dokumentu poskytnete další informace o tomto dokumentu, které pomáhají při komunikaci. Konkrétně sémantické tagy dávají prohlížeču přehled o významu stránky a jejího obsahu. Tato srozumitelnost se také sděluje s vyhledávači, což zajistí, že správné stránky budou doručeny pro správné dotazy. Sémantické značky HTML poskytují informace o obsahu těchto značek, které přesahují jen to, jak vypadají na stránce. Text, který je přiložen v souboru Namísto pokusu o vykreslení tohoto kódu prohlížeč chápe, že používáte tento text jako příklad kódu pro účely nějakého článku nebo tutoriálu online. Použití sémantických značek vám poskytne mnohem více háčků pro stylování vašeho obsahu. Možná dnes dáváte přednost tomu, aby se vaše ukázky kódu zobrazovaly ve výchozím stylu prohlížeče, ale zítra je chcete volat se šedou barvou pozadí a později chcete definovat přesný jednoznačný typ písma nebo zásobník písma, který chcete použít vaše vzorky. Všechny tyto věci můžete snadno provést s využitím sémantického značkování a inteligentně aplikovaného CSS. Pokud chcete sémantické značky používat spíše pro smysl než pro účely prezentace, je třeba dbát na to, abyste je nesprávně používali pouze pro své běžné vlastnosti zobrazení. Mezi nejčastěji používané sémantické značky patří: Pomocí značek HTML, které mají smysl, vytváříte stránky, které poskytují více informací, než jen tím, že obklopíte vše Zatímco téměř každá značka HTML4 a všechny značky HTML5 mají sémantický význam, některé tagy mají především sémantický charakter. Například HTML5 znovu definoval význam a tagy být sémantický. The tag nepředstavuje zvláštní důležitost, ale spíše text, který je obvykle vyznačen tučným písmem. The značka také nepředstavuje zvláštní důležitost nebo důraz, ale spíše definuje text, který je obvykle vykreslen kurzívou. Sémantické HTML tagypřes
,
,
a . Existuje mnoho dalších sémantických tagů HTML, které lze použít při vytváření webových stránek kompatibilních s normami.Proč byste se měli starat o sémantiku
tag je prohlížečem okamžitě rozpoznán jako určitý typ kódovacího jazyka. Použijte sémantické značky správně
tag pro odsazení textu, který není citací. Je to proto, že blokové bloky jsou ve výchozím odsazení odsazeny. Pokud chcete jednoduše profitovat z odsazení, ale text není bloková, použijte namísto toho okraje CSS.
značku odděluje text ve většině prohlížečů. Toto je sémanticky nesprávné a neplatné HTML, jako pouze
štítek. Opět použijte okraj nebo styl vycpávky k odsazení textu.
Které HTML značky jsou sémantické?
Zkratka Akronym Dlouhá nabídka Definice Adresa autora (autorů) dokumentu Citace Odkaz na kód Text z teletypu Logické rozdělení Generický kontejner s inline stylem Odstraněný text Vložený text Důraz Silný důraz Nadpis první úrovně Nadpis druhé vrstvy Nadpis třetí úrovně Nadpis čtvrtého stupně Titulek o pěti úrovních Titulek šesté úrovně Tematická přestávka Text, který má být zadán uživatelem
Předem formátovaný text Krátká inline nabídka Ukázkový výstup Subscript Superscript Text s proměnlivým nebo uživatelsky definovaným textem
