HTML6: Co to jest i kiedy nadejdzie?

Kiedy możemy się spodziewać HTML6? Cóż, WHATWG – organ normalizacyjny wprowadzający zmiany w specyfikacji HTML – zdecydował się na wdrożenie podejścia „żywego dokumentu” do standaryzacji. Oznacza to, że to, co nazywamy „HTML6” raczej nie będzie wielką aktualizacją, ale raczej będzie się składać z mniejszych zmian w specyfikacji, które będą pojawiać się częściej.

Jednakże, specyfikacje HTML są poprawiane i ulepszane cały czas. Sprzedawcy przeglądarek są zawsze zajęci wdrażaniem najnowszych funkcji, aby wypuścić je na szerszy świat, co oznacza, że zawsze dostajemy nowe rzeczy do wypróbowania (może obok wypróbowania jednego z najlepszych kreatorów stron internetowych). Istnieją zmiany na twojej drodze, które są warte uwagi – czytaj dalej o dwóch zmianach w grze.

Gdy tu jesteś, możesz również chcieć poznać nasz przewodnik dla początkujących po znacznikach HTML lub przejrzeć nasz wybór najlepszych interfejsów API HTML. Dodatkowo, aby usprawnić proces, upewnij się, że Twoja usługa hostingowa jest dla Ciebie idealna, a Twoje media są bezpiecznie przechowywane w najlepszej opcji przechowywania w chmurze.

Natywne modale

Jedną ze zmian, która trafia do przeglądarek, jest element <dialog>. Działa on jako natywny odpowiednik napędzanych przez JavaScript okien modalnych, które są częstym wzorcem projektowym na wielu stronach.

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

Można go otwierać i zamykać przez przełączanie atrybutu open. Domyślnie, będzie ono wyświetlane nad miejscem, w którym zostało umieszczone na stronie. Wywołanie metody openModal przez JavaScript spowoduje użycie bardziej znanego interfejsu modalnego.

Domyślnie, tło staje się wyszarzone, a zawartość pod nim nie jest już interaktywna.

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

Formularze wewnątrz modalnego okna dialogowego mogą mieć atrybut metody dialog, który przekaże wartość i przekaże ją z powrotem do samego obiektu okna dialogowego. To sprawia, że <dialog> jest świetnym narzędziem do potwierdzania działań lub innych małych interakcji.

Element jest ustandaryzowany, a obecnie tylko przeglądarki internetowe Chrome i Samsung mają pełne wsparcie. Te bez niego nadal będą pokazywać zawartość okna dialogowego, ale zamiast tego zostanie ono umieszczone wewnątrz strony.

Mniejsze menu

Niektóre aplikacje internetowe pozwalają użytkownikom na wykonywanie grup działań w ramach ich interfejsu. Będą one miały wpływ na bieżącą stronę w jakiejś formie, jak na przykład dodanie elementu do listy.

Poprzednio byłyby one oznaczone jako <ul> – nieuporządkowana lista działań, które użytkownik mógłby podjąć. Podczas gdy <ul> jest przeznaczony dla listy elementów wyświetlanych, nie nadaje się on najlepiej do elementów interaktywnych.

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

Menu zawiera zestaw akcji, które byłyby wywoływane przez elementy <button> znajdujące się wewnątrz nich. Poza tym, element <menu> nie zachowuje się inaczej niż zwykła lista elementów. W miarę jak poprawi się adopcja przeglądarek, może to pomóc technologiom wspomagającym w łatwiejszym znalezieniu tych interaktywnych elementów.

W specyfikacji ciągle pojawia się wiele mniejszych zmian, które trafiają do przeglądarek. Miej oko na strony aktualizacji każdej przeglądarki i przejrzyj WHATWG living standard.

Ta informacja pierwotnie pojawiła się w magazynie Web Designer. Poznaj wszystkie artykuły Web Designer na CB.

• 8 znaczników HTML, których musisz używać (i 5, których należy unikać)
• Jak ujednolicić swój UX na różnych platformach
• 16 oszałamiających witryn z przewijaniem paralaksy

.