HTML6: Mi az és mikor érkezik?

Mikorra várható a HTML6? Nos, a WHATWG – a HTML specifikáció módosítását irányító szabványügyi testület – úgy döntött, hogy a szabványosításban az “élő dokumentum” megközelítést alkalmazza. Ez azt jelenti, hogy az, amit “HTML6”-nak nevezünk, valószínűleg nem egy hatalmas frissítés lesz, hanem inkább a specifikáció kisebb, gyakrabban bekövetkező módosításaiból fog állni.

A HTML specifikációkat azonban folyamatosan felülvizsgálják és javítják. A böngészőgyártók mindig azzal vannak elfoglalva, hogy a legújabb funkciókat a szélesebb világ számára is elérhetővé tegyék, ami azt jelenti, hogy mindig kapunk új dolgokat, amelyeket kipróbálhatunk (talán az egyik legjobb weboldal-építő kipróbálása mellett). Vannak olyan változások, amelyeket érdemes megjegyezni – olvasson tovább két újdonságról.

Amíg itt van, érdemes lehet felfedeznie a HTML-címkékről szóló kezdő útmutatót, vagy böngésznie a legjobb HTML API-kat tartalmazó válogatásunkat. Ráadásul a folyamat további fejlesztései érdekében győződjön meg róla, hogy a webtárhely-szolgáltatása tökéletes az Ön számára, és hogy a médiát biztonságosan mentse egy kiváló felhőalapú tárolási lehetőségben.

Natív modálok

A böngészőkben utat tör magának az egyik változás a <dialog> elem. Ez a JavaScript-alapú modális ablakok natív megfelelőjeként működik, amelyek számos webhelyen gyakori tervezési mintát jelentenek.

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

Az open attribútum kapcsolásával lehet megnyitni és bezárni. Alapértelmezés szerint az oldalon elhelyezett helye fölött lebegve jelenik meg. Az openModal metódusának JavaScript-en keresztüli meghívása ezután egy ismertebb modálszerű felületet használ.

A háttér alapértelmezés szerint szürkévé válik, és az alatta lévő tartalom már nem interaktív.

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

A modális párbeszédablakon belüli űrlapok rendelkezhetnek a dialog metódus attribútummal, amely elküldi az értéket, és az értéket visszaadja magának a párbeszédobjektumnak. Ez teszi a <dialog>-t nagyszerű eszközzé a műveletek megerősítéséhez vagy más kisebb interakciókhoz.

Az elem szabványosított, és jelenleg csak a Chrome és a Samsung internetböngészők rendelkeznek teljes körű támogatással. Azok, amelyek nem rendelkeznek vele, továbbra is megjelenítik a párbeszédpanel tartalmát, de helyette az oldalon belül helyezkedik el.

Szerűbb menük

Egyes webes alkalmazások lehetővé teszik a felhasználók számára, hogy műveletcsoportokat hajtsanak végre a felületükön belül. Ezek valamilyen formában befolyásolnák az aktuális oldalt, például egy elem hozzáadása egy listához.

Előtte ezeket <ul> – a felhasználó által elvégezhető műveletek rendezetlen listájaként jelölték. Míg a <ul> a megjelenített elemek listájára szolgál, addig interaktív elemekhez nem a legalkalmasabb.

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

A menü egy sor műveletet tartalmaz, amelyeket a bennük lévő <gomb> elemek váltanának ki. Ettől eltekintve a <menü> elem nem viselkedik másként, mint egy szokásos elemlista. A böngészők elfogadásának javulásával a segítő technológiák könnyebben megtalálhatják ezeket az interaktív elemeket.

A specifikációban folyamatosan sok kisebb változás jelenik meg és kerül be a böngészőkbe. Tartsa szemmel az egyes böngészők frissítési oldalait, és tekintse át a WHATWG élő szabványát.

Ez az információ eredetileg a Web Designer magazinban jelent meg. Fedezze fel az összes Web Designer-cikket a CB oldalon.

• 8 HTML-tag, amit használnia kell (és 5, amit kerülnie kell)
• Hogyan egységesítse az UX-et a különböző platformokon
• 16 lenyűgöző parallax görgetős weboldal