HTML5 je nejnovější a největší Co je HTML5 a jak se mění způsob procházení? [MakeUseOf vysvětluje] 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 termín HTML5 jednou za čas. Ať už víte něco o vývoji webových stránek nebo ne, koncept může být poněkud mlhavý a matoucí. Je zřejmé, že… 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 jedním z nejdůležitějších. Další informace o nových prvcích a API v HTML5 naleznete v 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 značek, které se jednoduše používají pro formátování, používají také k tomu, aby prohlížečům a vyhledávacím strojům sdělovaly, že top 7 sémantických vyhledávačů je alternativou k Google Top 7 sémantických vyhledávačů jako alternativa k Google, co znamenají, 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 jen začali škrábat povrch toho, co dokáže. HTML5 pomáhá přinést sémantické značení Co je sémantické značení a jak to změní internet navždy [vysvětlil technologie] Co sémantické značení je a jak to změní internet navždy [vysvětlil technologii] na mnohem větší část internetu, a to mohou být dobré pouze pro budoucnost sémantického zpracování.

1.

Značka se 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 uzavření 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 každý příspěvek nebo vlákno mohl být považován za samostatný a každý mohl být označen svou vlastní značkou. 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í. Toto definuje a “tematické seskupení obsahu, obvykle s nadpisem.” Takže bude uvnitř ... správně?

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 část je jednoduše a “tematické seskupení obsahu,” a najdete spoustu míst k použití.

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.

Ale 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í, 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í “autor dokumentu, informace o autorských právech, odkazy na podmínky použití, kontaktní informace atd.” Můžete si to představit jako “úklid” věci.

 Copyright: MakeUseOf, 2017. Kontaktujte nás 

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ává pouze navigační část, nikoli všechny odkazy na vaší stránce. Je to pro navigační lišty a podobné nástroje.

 Domů O 

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ý obsah 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ý přidává podrobnosti k vašemu obsahu. Pokud se používá v rámci sady 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.

Značku však lze použít i mimo obsah článku. V tomto případě se obvykle používá pro informace týkající se webu. Mohli bychom například přidat postranní panel, jako je tento:

 Hlavní článek jde sem. MakeUseOf se zaměřuje na přemostění spojení mezi uživateli, počítači, zařízeními a internetem prostřednictvím vzdělávání. Č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 je to “sekundární obsah” a že to nemusí být vždy postranní panel, budete mít lepší představu, jak ji 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:

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. 

Značka 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í další skvělé věci, které můžete dělat s HTML 7 Cool HTML efekty, které může kdokoli přidat na své webové stránky 7 Cool HTML efekty, které může kdokoli přidat na své webové stránky Nezoufejte! Nemusíte znát CSS nebo PHP, abyste si vytvořili fantastický web. Některé dobré staré HTML a vědět, jak zkopírovat a vložit, to udělá. , 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 obrázek ze stránky odstraněn, neovlivní to tok obsahu.

jde do značky obrázku a určuje titulek obrázku. Může to vypadat takto:

  Toto je naše logo! 

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ší. Všechny nové prvky můžete vidět na W3Schools.

Ale pokud 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, přečtěte si tyto příklady kódu. 17 Příklady jednoduchého kódu HTML, které se můžete naučit za 10 minut 17 Příklady jednoduchého kódu HTML, které se můžete naučit za 10 minut Chcete 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. !

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!