HTML6: cos’è e quando arriva?

Quando possiamo aspettarci l’HTML6? Bene, il WHATWG – l’organismo di standardizzazione che guida i cambiamenti alle specifiche dell’HTML – ha deciso di implementare un approccio di ‘documento vivente’ alla standardizzazione. Questo significa che quello che chiamiamo ‘HTML6’ è improbabile che sia un enorme aggiornamento, ma sarà più probabilmente costituito da piccoli cambiamenti alle specifiche che avverranno più spesso.

Tuttavia, le specifiche HTML vengono riviste e migliorate continuamente. I venditori di browser sono sempre impegnati ad implementare le ultime caratteristiche da rilasciare nel mondo più ampio, il che significa che abbiamo sempre nuove cose da provare (magari insieme a provare uno dei migliori costruttori di siti web). Ci sono cambiamenti sulla tua strada che vale la pena notare – continua a leggere per due game-changer.

Mentre sei qui, potresti anche voler esplorare la nostra guida per principianti ai tag HTML, o sfogliare la nostra scelta delle migliori API HTML. Inoltre, per migliorare ulteriormente il tuo processo, assicurati che il tuo servizio di web hosting sia perfetto per te, e che i tuoi media siano tutti al sicuro in una delle migliori opzioni di cloud storage.

Modali nativi

Un cambiamento che si fa strada nei browser è l’elemento <dialog>. Questo agisce come un equivalente nativo alle finestre modali alimentate da JavaScript, che sono un modello di design comune in molti siti.

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

Può essere aperto e chiuso commutando l’attributo open. Per impostazione predefinita, verrà mostrata in bilico sopra il punto in cui è stata posizionata nella pagina. Chiamando il suo metodo openModal attraverso JavaScript, si utilizzerà un’interfaccia modale più familiare.

Di default, lo sfondo diventa grigio e il contenuto sotto di esso non è più interattivo.

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

I moduli all’interno di un dialogo modale possono avere un attributo method di dialog, che invierà il valore e passerà il valore indietro all’oggetto dialog stesso. Questo rende <dialog> un ottimo strumento per confermare azioni o altre piccole interazioni.

L’elemento è standardizzato, e attualmente, solo i browser Chrome e Samsung Internet hanno il pieno supporto. Quelli senza mostreranno ancora il contenuto di una finestra di dialogo, ma sarà invece posizionata all’interno della pagina.

Menu più ampi

Alcune applicazioni web permettono agli utenti di eseguire gruppi di azioni all’interno della loro interfaccia. Queste influenzerebbero la pagina corrente in qualche forma, come l’aggiunta di un elemento ad una lista.

Precedentemente queste sarebbero marcate come un <ul> – una lista non ordinata di azioni che un utente potrebbe fare. Mentre il <ul> è inteso per una lista di elementi di visualizzazione, non è più adatto agli elementi interattivi.

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

Un menu contiene un insieme di azioni, che sarebbero attivate da elementi <button> al loro interno. A parte questo, l’elemento <menu> non si comporta diversamente da una normale lista di elementi. Man mano che l’adozione dei browser migliora, potrebbe aiutare le tecnologie assistive a trovare questi elementi interattivi più facilmente.

Ci sono molti piccoli cambiamenti che appaiono costantemente nelle specifiche e che si fanno strada nei browser. Tenete d’occhio le pagine di aggiornamento di ogni browser e date un’occhiata allo standard vivente del WHATWG.

Questa informazione è apparsa originariamente sulla rivista Web Designer. Esplora tutti gli articoli di Web Designer su CB.

• 8 tag HTML che devi usare (e 5 da evitare)
• Come unificare la tua UX attraverso le piattaforme
• 16 splendidi siti web a scorrimento parallelo