Domov Poraďte

HTML5 a přehled nových možností programování webu. Co je nového v HTML5? Html5 inovace

10.06.2024

HTML5 je nejnovější a nejlepší verze nejpoužívanějšího značkovacího jazyka na internetu. V nejnovější verzi jazyka došlo k několika velkým změnám, a pokud je nepoužíváte, přicházíte o některé opravdu skvělé funkce.

Nebudu mluvit o každém novém prvku v HTML 5, ale těchto devět je některé z nejdůležitějších.

Úvod do sémantických prvků

Jako většina webu i HTML5 přešlo na sémantiku. Značky, které se kdysi jednoduše používaly k formátování, se nyní používají také k tomu, aby sdělily prohlížeči a vyhledávačům, co obklopují.

Například,

Jednoduše řekne prohlížeči, co odstavec obsahuje.

, kterou si probereme níže, sděluje prohlížeči, že obsahuje hlavní obsah stránky.

Sémantický web se stále vyvíjí a my jsme teprve začali zkoumat, co všechno dokáže. HTML5 pomáhá přenést sémantické značení do mnohem větší části internetu, a to by mohlo být užitečné pro budoucnost sémantického zpracování.

1.
(Článek)

Štítek

definuje „nezávislý, samostatný obsah“. Nejjednodušším příkladem je samozřejmě článek. V tomto článku značku otevřeme před úvodem a zavřeme po dokončení.

Veškerý text ve vaší offline sekci.

Ale jsou i jiné způsoby, jak to využít. Mnoho blogů o jídle například obsahuje osobní příběhy o tom, jak recept vznikl nebo proč je pro autora důležitý. Pak přichází na řadu recept. Můžete argumentovat tím, že každý z těchto prvků může stát samostatně.

Na fóru lze každý příspěvek nebo vlákno považovat za autonomní a každý z nich může být označen vlastním štítkem

. Z velké části bude použit v hlavním obsahu stránky. Mějte ale na paměti, že jej můžete využít kreativněji.

2.
(Kapitola)

úzce souvisí s
. Definuje „tematické seskupení obsahu, obvykle s názvem. Tím pádem,
bude uvnitř
... Že jo?

Není nezbytné. W3 upozorňuje, že to závisí na struktuře vašeho webu. Samostatný obsah můžete mít v různých částech své stránky (například na titulní stránce zpravodajského webu). Pak můžete mít sekce v tomto článku.

Proč potřebujete DAC

Všechno zní lépe.

Jak nastavit DAC

Zde je to, co musíte udělat. . .

Můžete dokonce mít sekce v rámci sekcí, pokud se hodí na vaši stránku. Pamatujte, že sekce je prostě „tematické seskupení obsahu“ a najdete mnoho míst, kde ji použít.

3.
(Titul)

Tento prvek „by měl být použit jako kontejner pro úvodní obsah. Stručně řečeno, je to část vaší stránky, která lidem pomáhá pochopit, co se chystají číst.

Nenechte se však zmást – tuto nádobu můžete použít vícekrát. Můžete jej použít například k definování názvu stránky a úvodního odstavce vašeho příspěvku na blogu. Můžete ji ale také použít k označení úvodního obsahu pro každou sekci.

Sekce obvykle obsahují alespoň jednu značku nadpisu - H1, H2 atd. Není to povinné, ale pokud použijete

Horší už to nebude.

4.
(Zápatí)

W3 říká, že značky zápatí obvykle obsahují "autora dokumentu, informace o autorských právech, odkazy na podmínky použití, kontaktní informace atd." Můžete si to představit jako materiál "domu".

Dokumentace také uvádí, že na stránce můžete mít více než jedno zápatí. Ale podle mého názoru je lepší mít všechny tyto informace na jednom místě.

5.

Je to velmi jednoduchý tag – to je vše. Použijte jej k definování navigační sekce a nepoužívejte jej znovu na své stránce.

6.

Jeden z nejzajímavějších nových prvků v HTML5 je stranou. W3 tomu dává poněkud neužitečnou definici "nějakého obsahu jiného než obsahu, do kterého je umístěn."

Stručně řečeno, stranou je vše, co souvisí s okolními informacemi (ale je od nich odděleno). Může to být postranní panel, který vašemu obsahu přidá podrobnosti. Když je použit ve značce

, poskytuje další informace, které nejsou nutné k pochopení hlavního obsahu.

Pokud bych například do tohoto článku zahrnul postranní panel s informacemi o historii HTML5, bylo by to „Další informace“.

Ale ta značka