HTML6: Hvad er det, og hvornår kommer det?

Hvornår kan vi forvente HTML6? WHATWG – det standardiseringsorgan, der står for ændringerne i HTML-specifikationen – har besluttet at indføre en “levende dokument”-tilgang til standardisering. Det betyder, at det, vi kalder “HTML6”, sandsynligvis ikke vil være en stor opdatering, men snarere vil bestå af mindre ændringer af specifikationen, som sker oftere.

Derimod revideres og forbedres HTML-specifikationerne hele tiden. Leverandørerne af browsere har altid travlt med at implementere de nyeste funktioner, der skal frigives til den brede verden, hvilket betyder, at vi altid får nye ting at afprøve (måske samtidig med at vi prøver en af de bedste webside builders). Der er ændringer på vej til dig, som er værd at bemærke – læs videre om to ændringer, der ændrer spillet.

Mens du er her, kan du også læse vores guide for begyndere til HTML-tags eller se vores udvalg af de bedste HTML-API’er. Hvis du vil have flere forbedringer til din proces, skal du desuden sørge for, at din webhosting-tjeneste er perfekt til dig, og at alle dine medier er sikkerhedskopieret sikkert i en af de bedste cloud-lagringsmuligheder.

Native modals

En ændring, der er på vej ind i browsere, er <dialog>-elementet. Det fungerer som en indfødt ækvivalent til JavaScript-drevne modalvinduer, som er et almindeligt designmønster på mange websteder.

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

Det kan åbnes og lukkes ved at skifte mellem åben-attributten. Som standard vises det svævende over det sted, hvor det blev placeret på siden. Ved at kalde dens openModal-metode via JavaScript vil der derefter blive brugt en mere velkendt modal-lignende grænseflade.

Som standard bliver baggrunden gråtonet, og indholdet under den er ikke længere interaktivt.

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

Formularer inde i en modal dialogboks kan have en metodeattribut af dialog, som vil indsende værdien og sende værdien tilbage til selve dialogobjektet. Dette gør <dialog> til et godt værktøj til bekræftelse af handlinger eller andre små interaktioner.

Elementet er standardiseret, og i øjeblikket er det kun Chrome og Samsung Internet-browsere, der har fuld understøttelse. Dem uden vil stadig vise indholdet af en dialog, men den vil i stedet blive placeret inde på siden.

Smartere menuer

Nogle webapplikationer giver brugerne mulighed for at udføre grupper af handlinger i deres grænseflade. Disse vil påvirke den aktuelle side i en eller anden form, f.eks. ved at tilføje et element til en liste.

Tidligere blev disse markeret som en <ul> – en uordnet liste over handlinger, som en bruger kunne udføre. Mens <ul> er beregnet til en liste over visningselementer, er den ikke bedst egnet til interaktive elementer.

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

En menu indeholder et sæt handlinger, som ville blive udløst af <button>-elementer inden i dem. Bortset fra det fungerer <menu>-elementet ikke anderledes end en almindelig liste med elementer. Efterhånden som browserne bliver mere udbredte, kan det hjælpe hjælpeteknologier med at finde disse interaktive elementer lettere.

Der er mange mindre ændringer, der konstant dukker op i specifikationen og finder vej til browsere. Hold øje med de enkelte browseres opdateringssider, og tag et kig gennem WHATWG’s levende standard.

Disse oplysninger blev oprindeligt offentliggjort i Web Designer magazine. Udforsk alle Web Designer-artikler på CB.

• 8 HTML-tags, du skal bruge (og 5 du skal undgå)
• Sådan forener du din UX på tværs af platforme
• 16 fantastiske parallax scrolling-websteder