HTML6: Ce este și când va sosi?

Când ne putem aștepta la HTML6? Ei bine, WHATWG – organismul de standardizare care conduce modificările la specificația HTML – a decis să implementeze o abordare de standardizare de tip „document viu”. Acest lucru înseamnă că este puțin probabil ca ceea ce numim „HTML6” să fie o actualizare uriașă, ci va consta mai degrabă în modificări mai mici ale specificației, care vor avea loc mai des.

Cu toate acestea, specificațiile HTML sunt revizuite și îmbunătățite tot timpul. Furnizorii de browsere sunt mereu ocupați să implementeze cele mai recente caracteristici pentru a le lansa în lumea largă, ceea ce înseamnă că avem mereu lucruri noi pe care să le încercăm (poate în paralel cu încercarea unuia dintre cei mai buni constructori de site-uri web). Există schimbări care se îndreaptă spre dvs. și care merită remarcate – citiți mai departe pentru două schimbări de joc.

În timp ce vă aflați aici, poate doriți, de asemenea, să explorați ghidul nostru pentru începători privind etichetele HTML sau să răsfoiți selecția noastră a celor mai bune API-uri HTML. În plus, pentru mai multe îmbunătățiri ale procesului dvs., asigurați-vă că serviciul dvs. de găzduire web este perfect pentru dvs. și că toate mediile dvs. sunt salvate în siguranță într-o opțiune de stocare în cloud de top.

Modale native

O schimbare care își face loc în browsere este elementul <dialog>. Acesta acționează ca un echivalent nativ al ferestrelor modale alimentate de JavaScript, care sunt un model de design comun pe multe site-uri.

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

Se poate deschide și închide prin comutarea atributului open. În mod implicit, se va afișa plutind deasupra locului în care a fost plasată în pagină. Apelarea metodei sale openModal prin JavaScript va folosi apoi o interfață mai familiară de tip modal.

În mod implicit, fundalul devine gri și conținutul de sub el nu mai este interactiv.

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

Formularele din interiorul unui dialog modal pot avea un atribut method de dialog, care va trimite valoarea și va transmite valoarea înapoi la obiectul dialog în sine. Acest lucru face din <dialog> un instrument excelent pentru confirmarea acțiunilor sau alte mici interacțiuni.

Elementul este standardizat și, în prezent, doar browserele Chrome și Samsung Internet au suport complet. Cele care nu dispun de el vor afișa în continuare conținutul unui dialog, dar acesta va fi plasat în interiorul paginii în schimb.

Meniuri mai inteligente

Câteva aplicații web permit utilizatorilor să efectueze grupuri de acțiuni în cadrul interfeței lor. Acestea ar afecta pagina curentă într-o anumită formă, cum ar fi adăugarea unui element la o listă.

Principal, acestea ar fi marcate ca un <ul> – o listă neordonată de acțiuni pe care le-ar putea efectua un utilizator. Deși ul> este destinat unei liste de elemente de afișare, nu este cel mai potrivit pentru elementele interactive.

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

Un meniu conține un set de acțiuni, care ar fi declanșate de elementele <buton> din interiorul lor. În afară de aceasta, elementul <meniu> nu acționează diferit de o listă obișnuită de elemente. Pe măsură ce adoptarea browserelor se îmbunătățește, ar putea ajuta tehnologiile de asistență să găsească mai ușor aceste elemente interactive.

Există multe modificări mai mici care apar în mod constant în specificație și care își fac loc în browsere. Fiți cu ochii pe paginile de actualizare ale fiecărui browser și aruncați o privire prin standardul viu al WHATWG.

Această informație a apărut inițial în revista Web Designer. Explorați toate articolele Web Designer pe CB.

• 8 tag-uri HTML pe care trebuie să le folosiți (și 5 pe care trebuie să le evitați)
• Cum să vă unificați UX-ul pe toate platformele
• 16 site-uri web uimitoare cu defilare parallax

.