HTML6: Co to je a kdy přijde?

Kdy můžeme očekávat HTML6? Pracovní skupina WHATWG – normalizační orgán, který řídí změny specifikace HTML – se rozhodla zavést přístup „živého dokumentu“ ke standardizaci. To znamená, že to, co nazýváme „HTML6“, pravděpodobně nebude rozsáhlá aktualizace, ale bude se spíše skládat z menších změn specifikace, ke kterým bude docházet častěji.

Specifikace HTML se však neustále revidují a vylepšují. Výrobci prohlížečů jsou vždy zaneprázdněni implementací nejnovějších funkcí, které uvolňují do širšího světa, což znamená, že vždy dostaneme nové věci k vyzkoušení (třeba souběžně s vyzkoušením některého z nejlepších tvůrců webových stránek). V současné době k vám míří změny, které stojí za povšimnutí – přečtěte si o dvou změnách, které mění pravidla hry.

Když už jste tady, můžete si také prohlédnout našeho průvodce značkami HTML pro začátečníky nebo projít náš výběr nejlepších rozhraní HTML API. Navíc pro další vylepšení vašeho procesu se ujistěte, že vaše webhostingová služba je pro vás dokonalá a že všechna vaše média jsou bezpečně zálohována ve špičkovém cloudovém úložišti.

Nativní modály

Jednou ze změn, která si razí cestu do prohlížečů, je prvek <dialog>. Ten funguje jako nativní ekvivalent modálních oken s podporou JavaScriptu, která jsou běžným vzorem návrhu na mnoha webech.

<dialog open> <p>This is a HTML-powered dialog box.</p></dialog>

Lze jej otevřít a zavřít přepnutím atributu open. Ve výchozím nastavení se zobrazí při zavěšení nad místem, kde bylo na stránce umístěno. Volání jeho metody openModal prostřednictvím jazyka JavaScript pak použije známější rozhraní podobné modálnímu.

Ve výchozím nastavení bude pozadí šedé a obsah pod ním již nebude interaktivní.

<dialog> <form method="dialog"> <input type="submit" value="Yes" /> <input type="submit" value="No" /> </form></dialog>

Formuláře uvnitř modálního dialogu mohou mít atribut method dialog, který odešle hodnotu a předá ji zpět samotnému objektu dialogu. Díky tomu je <dialog> skvělým nástrojem pro potvrzování akcí nebo jiné drobné interakce.

Element je standardizovaný a v současné době mají plnou podporu pouze internetové prohlížeče Chrome a Samsung. Ty, které ji nemají, budou stále zobrazovat obsah dialogu, ale místo toho bude umístěn uvnitř stránky.

Menší nabídky

Některé webové aplikace umožňují uživatelům provádět skupiny akcí v rámci svého rozhraní. Ty by nějakou formou ovlivnily aktuální stránku, například přidáním položky do seznamu.

Předtím by byly označeny jako <ul> – neuspořádaný seznam akcí, které může uživatel provést. Zatímco <ul> je určen pro seznam zobrazovaných položek, nehodí se nejlépe pro interaktivní prvky.

<menu type="toolbar"> <li><button>Cut</button></li> <li><button>Copy</button></li> <li><button>Paste</button></li></menu>

Menu obsahuje sadu akcí, které by se spouštěly pomocí prvků <button> uvnitř nich. Kromě toho se prvek <menu> neliší od běžného seznamu položek. Se zlepšujícím se přijetím prohlížečů to může pomoci asistenčním technologiím snadněji najít tyto interaktivní prvky.

Ve specifikaci se neustále objevuje mnoho menších změn, které se dostávají do prohlížečů. Sledujte aktualizační stránky jednotlivých prohlížečů a projděte si živý standard WHATWG.

Tato informace původně vyšla v časopise Web Designer. Prozkoumejte všechny články Web Designeru na CB.

• 8 značek HTML, které musíte používat (a 5, kterým se vyhnout)
• Jak sjednotit UX napříč platformami
• 16 úžasných webů s paralaxním rolováním

.