reklama

HTML5 je nejnovější a největší Co je HTML5 a jak se mění způsob procházení? [MakeUseOf vysvětluje]Během několika posledních let jste možná slyšeli pojem HTML5 jednou za čas. Ať už víte něco o vývoji webových stránek nebo ne, může být tento koncept poněkud mlhavý a matoucí. Očividně,... Přečtěte si více verze nejpoužívanějšího značkovacího jazyka na webu. V porovnání s poslední verzí jazyka došlo k velkým změnám a pokud je nepoužíváte, postrádáte některé opravdu skvělé funkce.

Nemáme prostor pro pokrytí všech nových prvků v páté verzi HTML, ale těchto devět je jednou z nejdůležitějších. Chcete-li získat další informace o nových prvcích a rozhraních API v HTML5, nezapomeňte podívejte se na W3Schools.

Úvod do sémantických prvků

Stejně jako většina internetu se HTML5 posunula, aby se zaměřila na sémantiku. Nyní se místo formátování jednoduše používají pro formátování, ale také se prohlížečům říká a vyhledávače Top 7 sémantických vyhledávačů jako alternativa k Google Přečtěte si více význam toho, co obklopují.

Například,

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

, o kterém budeme chvíli diskutovat, řekne prohlížeči, že obsahuje hlavní obsah stránky.

Sémantický web se stále vyvíjí a my jsme začali škrábat pouze povrch toho, co může udělat. HTML5 pomáhá přinášet sémantické značení Co je sémantická značka a jak to navždy změní internet [vysvětlení technologie] Přečtěte si více do mnohem větší části internetu, a to může být dobré pouze pro budoucnost sémantického zpracování.

1.

značka definuje „nezávislý, samostatný obsah“. Nejjednodušším příkladem je samozřejmě článek. U tohoto konkrétního článku jsme značku otevřeli před představením a po jejím uzavření jsme ji zavřeli.

 Celý text ve vaší samostatné části. 

Existují však i jiné způsoby, jak je použít. Například mnoho blogů o vaření obsahuje osobní příběhy o tom, jak recept vznikl nebo proč je pro spisovatele důležitý. Potom následuje samotný recept. Dalo by se argumentovat, že každý z těchto prvků může stát sám.

Ve fóru by mohl být každý příspěvek nebo vlákno považován za samostatný a každý mohl být označen svým vlastním

štítek. Z velké části se použije na hlavní obsah stránky. Ale mějte na paměti, že jej můžete použít také kreativněji.

2.

S tím úzce souvisí

je

. Toto definuje „tematické seskupení obsahu, obvykle s nadpisem“. Tak

bude uvnitř

… že jo?

Ne nutně. W3 zdůrazňuje, že to závisí na struktuře vašeho webu. Můžete mít samostatný obsah v různých sekcích své stránky (například na přední stránku zpravodajského webu). V tomto článku byste pak mohli mít sekce.

Proč potřebujete DAC
Všechno zní lépe.
Jak nastavit DAC
Tady je to, co musíte udělat.. .

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

3.

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í přečíst.

Nenechte se zmást - tento kontejner můžete použít vícekrát. Můžete jej například použít k identifikaci názvu stránky a úvodního odstavce vašeho blogového příspěvku. Můžete jej však také použít k označení úvodního obsahu pro každou sekci.

Vše, co potřebujete vědět o DAC
Zde je užitečný úvod do DAC ...
 Zbytek článku zde.

Sekce záhlaví obvykle obsahují alespoň jednu značku záhlaví - H1, H2 atd. Nemusí to, ale obecně, pokud používáte značku nadpisu, je tu dobrá sázka, že zahrnete obsah hlavičky.

4.

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 to považovat za „úklid“.

V dokumentaci se také uvádí, že na stránce můžete mít více než jednu část zápatí. Pravděpodobně je však dobré uchovávat všechny tyto informace na jednom místě.

5.

Tato značka obsahuje navigační odkazy pro danou stránku. Tuto značku získá pouze navigační část, nikoli všechny odkazy na vaší stránce. Je to pro navigační lišty a podobné nástroje.

Toto je opravdu jednoduchá značka - to je vše, co k tomu patří. Použijte jej k definování navigační části a na stránce ji znovu nepoužívejte.

6.

Jedním z nejzajímavějších nových prvků v HTML5 je stranou. W3 dává poněkud neužitečnou definici „nějakého obsahu kromě obsahu, do kterého je umístěn.“

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

značek, poskytuje další informace, které nejsou nezbytné pro pochopení hlavního obsahu.

Pokud bychom například do tohoto článku zahrnuli postranní panel s informacemi o historii HTML5, bylo by to stranou.

Ale

 Hlavní článek jde sem.  Článek pokračuje zde.

Protože pro tuto značku existuje více použití, může být matoucí. Pokud budete mít na paměti, že se jedná o „sekundární obsah“ a že to nemusí být vždy postranní panel, budete mít lepší představu, jak jej používat.

7.

Mnoho webových stránek obsahuje informace, které je třeba zobrazit, ale ne prominentně. Možná jde o informace o autorských právech k fotografii. Nebo drobný tisk na soutěži. Tento druh informací je přesně tím, pro co je značka podrobností.

Při použití značky podrobností vytvoříte skrytý text, který lze snadno zobrazit. Zde je příklad:

Kliknutím sem zobrazíte informace.

Zde jsou podrobnější informace, které ihned nepotřebujete.

Podrobnosti zobrazíte kliknutím na šipku. Jednoduchý. Vytvoření je stejně snadné. Zde je kód použitý v příkladu výše:

 Kliknutím sem zobrazíte informace. 
 Zde jsou podrobnější informace, které ihned nepotřebujete. 

tag definuje větu, která se zobrazí, zatímco ostatní obsah je skrytý. V sekci Podrobnosti můžete použít další značky: nadpisy, oddíly atd.

Existují i ​​jiné skvělé věci, které můžete dělat s HTML 8 skvělých efektů HTML, které může kdokoli přidat na své webové stránkyNemusíte znát CSS nebo PHP, abyste si vytvořili fantastický web. Pomocí těchto skvělých triků HTML můžete vytvářet úžasné efekty. Přečtěte si více , i když neznáte mnoho CSS nebo JSON.

8-9.

a

Nebojte se značka, kterou jste používali roky, neodchází.

obchází značku obrázku a informuje prohlížeč, že se jedná o samostatný obrázek, diagram, výpis kódu nebo jiné číslo.

Pokud je ze stránky odstraněn obrázek, neovlivní to tok obsahu.

To vám dává vestavěný způsob, jak přidat k obrázkům popisek. Už nemusíte procházet CMS.

Využijte sílu HTML5

Nové prvky v HTML5 přidávají hodně energie, zejména pro sémantické účely. Existují další prvky pro formátování, skalární měření, průběh úlohy a další. Můžeš vidět všechny nové prvky na W3Schools.

Pokud však dokážete zvládnout těchto devět, budete na dobré cestě k dobrému využívání HTML5. A pokud jste novým jazykem HTML, nezapomeňte se podívat tyto příklady kódu 17 jednoduchých příkladů kódu HTML, které se můžete naučit za 10 minutChcete vytvořit základní webovou stránku? Naučte se tyto příklady HTML a vyzkoušejte je v textovém editoru a podívejte se, jak vypadají v prohlížeči. Přečtěte si více !

Začali jste používat HTML5? Které nové prvky považujete za nejužitečnější? Podělte se o své myšlenky v komentářích níže!