HTML6: Vad är det och när kommer det?

När kan vi förvänta oss HTML6? WHATWG – det standardiseringsorgan som driver förändringar av HTML-specifikationen – har beslutat att införa ett ”levande dokument” som metod för standardisering. Detta innebär att det vi kallar ”HTML6” sannolikt inte kommer att bli en stor uppdatering, utan snarare kommer att bestå av mindre ändringar av specifikationen som sker oftare.

Hursomhelst revideras och förbättras HTML-specifikationerna hela tiden. Leverantörerna av webbläsare är alltid upptagna med att implementera de senaste funktionerna för att släppa dem i den breda världen, vilket innebär att vi alltid får nya saker att prova (kanske samtidigt som vi provar en av de bästa webbplatsbyggarna). Det finns förändringar på väg mot dig som är värda att notera – läs vidare för att få reda på två förändringar.

När du ändå är här kanske du också vill utforska vår nybörjarguide om HTML-taggar, eller bläddra i vårt urval av de bästa HTML-API:erna. Om du vill förbättra din process kan du se till att din webbhotellstjänst är perfekt för dig och att dina medier är säkert säkerhetskopierade i ett av de bästa molnlagringsalternativen.

Nativa modaler

En förändring som håller på att ta sig in i webbläsarna är <dialog>-elementet. Detta fungerar som en inhemsk motsvarighet till JavaScript-drivna modala fönster, som är ett vanligt designmönster på många webbplatser.

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

Det kan öppnas och stängas genom att växla attributet open. Som standard visas det svävande ovanför den plats där det placerades på sidan. Genom att anropa dess openModal-metod via JavaScript används sedan ett mer välbekant modalliknande gränssnitt.

Som standard blir bakgrunden grå och innehållet under den är inte längre interaktivt.

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

Formulär inuti en modal dialogruta kan ha ett metodattribut dialog, vilket kommer att skicka in värdet och skicka tillbaka värdet till själva dialogobjektet. Detta gör <dialog> till ett utmärkt verktyg för att bekräfta åtgärder eller andra små interaktioner.

Elementet är standardiserat och för närvarande har endast Chrome och Samsung Internet-browsers fullt stöd. De som inte har det kommer fortfarande att visa innehållet i en dialog, men den placeras istället inne på sidan.

Smarta menyer

En del webbapplikationer gör det möjligt för användare att utföra grupper av åtgärder i sitt gränssnitt. Dessa skulle påverka den aktuella sidan i någon form, t.ex. genom att lägga till ett objekt i en lista.

Förut skulle dessa markeras som en <ul> – en oordnad lista över åtgärder som en användare kan utföra. Medan <ul> är avsedd för en lista med visningsobjekt är den inte bäst lämpad för interaktiva element.

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

En meny innehåller en uppsättning åtgärder, som skulle utlösas av <button>-element inuti dem. I övrigt fungerar <meny>-elementet inte annorlunda än en vanlig lista med objekt. I takt med att webbläsarna blir bättre kan det hjälpa hjälpmedel att lättare hitta dessa interaktiva element.

Det finns många mindre ändringar som ständigt dyker upp i specifikationen och som tar sig in i webbläsarna. Håll ett öga på varje webbläsares uppdateringssidor och ta en titt på WHATWG living standard.

Denna information publicerades ursprungligen i tidningen Web Designer. Utforska alla Web Designer-artiklar på CB.

• 8 HTML-taggar du måste använda (och 5 att undvika)
• Hur du förenhetligar din UX på olika plattformar
• 16 fantastiska webbplatser med parallaxrullning