Norma HTML5 byla dokončena a vydána v roce 2014, a to je to, co by mělo být HTML, když byla spuštěna první verze před všemi lety. HTML 2.0 byl první skutečný „standard“, publikovaný až v roce 1995. O dva roky později byl publikován HTML 3. O další dva roky později byl představen HTML 4.01 a od té doby je to pracovní kůň internetu.
První „pracovní koncept“ HTML5 byl představen již v roce 2008 s tehdy překvapivě širokou podporou prohlížečů. HTML5, který dnes známe, se značně liší od HTML minulosti, a zde se chystáme diskutovat o tom, co se s jeho vydáním změnil nejnovější standard. Od spuštění HTML5 byl tento software široce přijímán a všechny jeho funkce a funkce jsou nyní podporovány všemi hlavními prohlížeči. Stále existuje několik škytavek, ale HTML5 se celkově dobře přizpůsobuje moderním online zkušenostem.
Jako webový vývojář byste mohli být buď starým profesionálem, který zvládl starší standardy, nebo nováčkem, který zvědavě sleduje vývoj nových standardů. V obou případech musíte nakonec přejít na HTML5.
HTML Vs HTML5 Infographic
Prvním krokem k přechodu na HTML5 nebo učení je pochopit rozdíl mezi starším a posledním standardem. Zde jsou některé klíčové rozdíly mezi HTML a HTML5:
-
HTML5 je živý jazyk
HTML5 je živý jazyk, probíhá. Je úžasné vidět, co může HTML5 dělat, ale je také důležité vědět, že HTML5 není plně standardizovaná verze, jako je HTML4, která je stará více než deset let a nastavený standard, neměnný.
Pokud se chystáte do HTML5, budete muset provést nějaké aktualizace. Atributy a prvky jsou přidávány a pravidelně upravovány každý rok. Závisí to také na tom, kolik využíváte bohaté prvky, ale rozhodně je to jedno z rizik spojených s používáním tekutiny, měnící se jazyk, jako je HTML5.
-
HTML5 je jednodušší
Zatímco HTML5 má rizika jako neustálé aktualizace, je obecně snadné držet krok se změnami a aktualizacemi kvůli jednodušší syntaxi ve srovnání s HTML4. Například na začátku stránky máte velmi jednoduché prohlášení, které chcete nastavit jako stránku HTML5:
Jednoduchá deklarace Doctype je jedním ze zjednodušení provedených v syntaxi HTML, která je kompatibilní se všemi verzemi z HTML4 a celou cestou zpět na XHTML1. HTML5 však není kompatibilní s SGML.
Doporučené kurzy
- Zdarma Python programovací školení
- Kurz certifikace softwaru zdarma
- Programovací kurzy Java zdarma
- Kompletní kurz PERL
-
Nový prvek
HTML5 přichází s řadou nových prvků a eliminuje několik dalších (které se budeme chvíli zabývat), ale jedním z klíčových přidaných prvků je to, které má obrovský dopad na používání Adobe Flash na webových stránkách. Přestože je Flash stále používán několika webovými stránkami, HTML5 bylo přijato mnoho a mnoho lidí si myslí, že Flash nakonec nakonec zastará. Pouze čas rozhodne o tom; do té doby se kaskádový prvek HTML5 osvědčil jako dobrá alternativa k Flash.
Prvek lze použít k kreslení grafiky různých tvarů a barev skriptováním, obvykle skriptem JavaScript. Prvek je prostě kontejner pro grafiku; musíte pro definování grafiky použít skript. Ve výchozím nastavení je plátno obdélníkovou oblastí bez obsahu nebo ohraničení. Trh je takový:
Pro definování velikosti plátna je důležité zadat atribut id, šířku a výšku. Chcete-li definovat ohraničení, můžete přidat atribut stylu.
Můžete použít také JavaScript, například následující příklad:
var c = document.getElementById („myCanvas“);
var ctx = c.getContext („2d“);
ctx.fillStyle = “# FF0000”;
ctx.fillRect (0, 0150, 75);
-
Nový a prvky
Dalším velkým dodatkem, který přichází s HTML5, jsou nové prvky a prvky, které ukazují na novou anatomii webu. U těchto nových značek již není třeba identifikovat dva prvky pomocí značky.
Specifikace definují prvek záhlaví jako skupinu představující „navigační“ nebo „úvodní“ pomůcky. Jako takový lze prvek použít k definování úvodu do části stránky nebo do celé stránky samotné. Zde je fragment kódu, který používá prvek záhlaví.
Titul
Autor Autor: Web 2.0
Tělo textu
Specifikace HTML5 odkazují na element foot, který představuje „zápatí pro jeho nejbližší obsah krájení sekcí nebo kořenový element krájení“ a obecně obsahuje informace týkající se sekce, jako je jméno autora, data autorských práv, odkazy na dokumenty atd.
Logicky je zápatí umístěno ve spodní části webové stránky. Lze jej však umístit také na konec sekce stránky. Zde je několik příkladů kódování, které používá element zápatí:
Název obsahu
Autor Autor: Web 2.0
Tělo textu.
Tagy: Příkazový řádek, Kompas, CSS, Sass, Terminál
10 lajků
Zápatí zde obsahuje značky příspěvků a příspěvek „Líbí se mi“ na Facebooku.
-
Prvky a
Nyní, kdybyste prošli výše uvedenými příklady, všimli byste si několika dalších nových prvků, jako je. Tento prvek spolu s prvkem umožňuje označit konkrétní části rozvržení a jsou velmi výhodné pro optimalizaci vyhledávače. Prvek článku je specifikován jako představující samostatnou součást webové stránky, kterou lze samostatně opakovaně použít nebo distribuovat. Může se jednat o noviny, příspěvky na fórech, články v časopisech, příspěvky do blogu nebo cokoli jiného.
Prvek článku má obecně vlastní nadpis v prvku záhlaví a možná i zápatí, jak jste viděli ve výše uvedeném příkladu. Tento prvek můžete jednoduše považovat za položku blogu nebo nezávislý obsah; choulostivá část je identifikace toho, co je nezávislé. Jednoduše řečeno, samostatný obsah je ten, který má smysl sám o sobě.
Dobrým způsobem, jak zjistit, zda je určitý obsah nezávislý, je otázka, zda má smysl v RSS kanálu smysl. Články blogu a statické stránky dávají smysl a některé weby mají zdroje komentářů. Ale odstavec v článku by nedal žádný smysl odděleně od zbytku obsahu. Zde je fragment kódu se zápatími a publikovanými značkami.
Název obsahu
Publikováno: 2016-02-24
Tělo textu
Licence Creative Commons Attribution-ShareAlike
Prvek oddílu podle specifikace W3C představující „obecný oddíl“ aplikace nebo dokumentu. Mohlo by to být zaměněno se značkou, takže teď zmatek vymažte. Značka sekce se používá v případě, že obsah v ní musí být seskupen odděleně od zbytku stránky s jedním motivem a když by měl být považován za položku v obrysu stránky. Prvek div je však určen jako „obecný kontejner“, což znamená, že není odděleno od samotné hlavní stránky, kromě vlastních atributů názvu, jazyka a třídy.
-
Nové a prvky
Nové a prvky HTML5 jsou součástí specifikace Interactive Elements, ale vývojáři patří mezi nejméně mluvené elementy. Vzhledem k tomu, že se web změnil na více propojené stránkované dokumenty a dokumenty, jsou tyto prvky vítaným přírůstkem pro větší interaktivitu webu.
Prvek nesmí být zaměňován s prvkem, který je definován jako navigační značka HTML, která představuje navigační blok stránky. Obvykle obsahuje odkazy pro uživatele, kteří mohou procházet sekcemi na stránce nebo na jinou stránku. Na druhé straně značka nabídky představuje příkazy nabídky pro jednoduchost v desktopových a mobilních aplikacích. Zde je příklad prvku v akci:
Ahoj světe
Mezitím je prvek dalším způsobem uspořádání obrázků a textu. Používá se spolu s prvkem pro označení ilustrací, diagramů a fotografií. Níže je uveden krátký fragment kódu, který obsahuje oba prvky v akci.
-
Nové a prvky
Toto jsou dva hlavní dodatky ke standardu HTML5. Zvuková značka, stejně jako značka videa, umožňuje vývojářům vkládat hudbu a zvuk na své webové stránky. Na rozdíl od předchozího standardu nejste omezeni pouze na přidávání midi hudby, i když stále existují určitá omezení pro typ použitých souborů. Většina prohlížečů souvisejících s Webkit podporuje běžné soubory MP3, ale jiné podporují pouze formát OGG. Dobrou zprávou je, že existuje spousta převaděčů souborů a můžete jednoduše dodat dvě verze zvukového souboru; správná verze bude automaticky vyzvednuta.
Zvukovou značku můžete použít jako každý jiný prvek. Zde je příklad úryvku:
Zvuková značka má také řadu atributů pro další ovládací prvky, včetně atributů události, a tyto události zahrnují události okna, události formuláře, události médií a události myši. Prvek videa má také řadu atributů obsahu, včetně SRC, globálních atributů, smyčky, řízení, předběžného načítání a plakátu. Atributy SRC, loop, autoplay a control jsou dosti vysvětlující a stejné pro všechny mediální prvky, zatímco globální atributy jsou společné pro všechny prvky. Zahrnují dir, skryté, kontextové menu a další.
Spolu s HTML5 je k dispozici několik dalších multimediálních atributů a prvků, například prvek stopy, který poskytuje textové stopy pro prvek videa.
-
Nové formy
HTML5 nyní přichází s tvarem a prvky. Pokud na stránce neplánujete použít mnoho tabulek, můžete také atribut odebrat a podívat se na provedené změny a teprve potom pokračovat.
-
Žádné další prvky
To znamená, že všechny atributy, které vývojářům umožňují vytvořit dokonale uspořádanou a zabarvenou tabulku, jako je hranice, bgcolor, zarovnání, výška, pravidla a další. Všechny tyto atributy jsou nahrazeny CSS.
-
Ne více a
To je skvělé pro vývojáře, kteří pracovali v prvních dnech HTML. Atributy frameset, frame a noframes byly zcela odstraněny, spolu s ostatními jako blink, basefont a další. Budete muset spravovat bez použití tabulek pro rozvržení. Tabulky jsou stále součástí HTML5, ale již nejsou určeny pro pixely. Specifikace říkají, že tabulky by neměly být použity pro pomůcky pro rozvržení a pro ovládání rozvržení stránky.
Závěr
Jak jasně vidíte, v HTML5 je mnoho změn a je třeba je používat opatrně a opatrně. Musíte také aktualizovat své znalosti jazyka, protože se časem mění a získává více aktualizací. Musíte zastavit používání prvků, které HTML5 odstranil ze sebe, a použít nové prvky HTML5, které určitě zůstanou, jako jsou značky záhlaví nebo zápatí.
To, co jste viděli výše, je pouze zjednodušená verze toho, kolik změn provedlo HTML5 při svém spuštění. Ale buďme upřímní zde; ve způsobu, jakým se HTML5 přijímá, není nic jednoduchého nebo pomalého a nový standard přidává spoustu funkcí, které jsou pro moderní uživatelský dojem zásadní. Musíte držet krok s novým jazykem a také se učit nějaké CSS, které má větší roli než dříve.
Dobrá věc na těchto změnách je, že i když jsou velké, jsou k lepšímu, a tomu rozumějí všechny zúčastněné strany. Prohlížeče budou výkonnější, když se pohybují směrem k cloudu, se schopností zvládnout více sami. S takovými věcmi, jako je Ajax, se zabudováním videa a zvuku atd., Bude mnohem jednodušší kódovat přímočarým způsobem a umožnit prohlížeči, aby převzal těžkou práci. Například nové prvky struktury, jako je obrázek, zápatí, shrnutí a řez, jsou všechny odkazovány na strukturu dokumentu a vykreslování je ponecháno na prohlížeči.
Související články: -
Zde je několik článků, které vám pomohou získat více podrobností o HTML vs. HTML5, takže stačí projít odkaz.
- HTML a XML
- HTML5 vs Flash Top 9 Rozdíly (s infografiky)
- HTML vs XHTML
- HTML5 vs. Flash
- Úžasné rozdíly HTML5 vs JavaScript
- 10 úžasných užitečných tipů pro programování v Pythonu (triky)