Dwanaście funkcji, których programiści oczekują od nadchodzącego HTML6

Opublikowany: 2017-01-17

HTML5 odniósł fenomenalny sukces wśród programistów. Ułatwił programistom organizowanie treści w bardziej odpowiedni sposób dzięki nowym tagom, takim jak <article> , <section> , <header> itp.

Deweloperzy mogą swobodnie używać atrybutu type z tagów takich jak <link> i <script> . Chociaż HTML5 przyniósł zmianę paradygmatu w programowaniu internetowym, ma ograniczenia w tworzeniu natywnych aplikacji w sieci i kilka innych problemów.

Jako programista zawsze chcesz oferować skuteczne i wydajne rozwiązania internetowe, a HTML6 ma pomóc Ci osiągnąć ten cel. Dlatego programiści na całym świecie chętnie korzystają z HTML6. Interesujące jest zobaczyć, jak oczekiwane funkcje HTML6 zmieniłyby domenę tworzenia stron internetowych.

Oto niektóre z najpopularniejszych oczekiwań społeczności deweloperów dotyczące nadchodzącego HTML6:

Ekspresowe tagi

HTML6 prawdopodobnie ułatwi programistom korzystanie z ekspresowych tagów. Możesz użyć <logo></logo> do przypisania logo do strony internetowej. Podobnie tagi <sidebar></sidebar> i <navigation></navigation> integrują odpowiednio pasek boczny i nawigację.

Ponadto znacznik <div> może być używany bez używania wielu identyfikatorów. Na przykład możesz po prostu użyć <container> lub <wrapper> zamiast pisać <div id='container'> i <div id='wrapper'> .

Przestrzenie nazw podobne do XML

Oczekuje się, że HTML6 będzie zawierał przestrzenie nazw o strukturze podobnej do XML. Takie przestrzenie nazw pomogą programistom używać tego samego tagu bez konfliktu z innym tagiem. Innymi słowy, HTML6 oferuje tę zaletę, że oprócz zdefiniowanych tagów można używać żądanych tagów.

Dokument HTML6

[xhtml]
<!DOCTYPE html>
<html:html>
<html:głowa>
<html:title>Zajrzyj do HTML6</html:title>
<html:meta type="title" value="Tytuł strony">
<html:meta type="description" value="Przykład HTML z przestrzeniami nazw">
<html:link src="css/mainfile.css" title="Style" type="text/css">
<html:link src="js/mainfile.js" title="Skrypt" type="text/javascript">
</html:head>
<html:ciało>
<nagłówek>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<nawigacja>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<treść>
<artykuł>
<h1>Nagłówek głównego artykułu</h1>
<h2>Podtytuł głównego artykułu</h2>
<p>[…]</p>
<p>[…]</p>
</artykuł>
<artykuł>
<h1>Koncepcja HTML6</h1>
<h2>Zrozumienie podstaw</h2>
<p>[…]</p>
</artykuł>
</content>
<stopka>
<copyright>Ta witryna to &copy; do Anonimowy 2017</copyright>
</footer>
</html:ciało>
</html:html>
[/xhtml]

W tym dokumencie mamy kilka dziwnych <html: x> . Są to elementy przestrzeni nazw, które należą do specyfikacji W3C i HTML6 i są przydatne do wyzwalania zdarzeń przeglądarki. Na przykład <html: title> zmieni pasek tytułu przeglądarki, a <html: media> pomoże na ekranie przeglądarki na ekranie przeglądarki. Te elementy nie mają nic wspólnego z przeglądarką. Mogą umożliwić programistom uczynienie przykładowego kodu bardziej semantycznym.

Dodatkowa kontrola obiektów wideo

HTML6 zaoferuje większą kontrolę nad obiektem wideo, aby poprawić wrażenia wideo dla użytkowników. Chociaż programiści nie mogą pozbyć się kodeka kompresji, mogą dostosować go za pomocą różnych algorytmów kompresji.

Oczekuje się większej kontroli nad malowaniem klatek wideo na stronie wraz z lepszymi hakami wywołania zwrotnego i mechanizmami synchronizacji. Możemy również spodziewać się możliwości miksowania DOM z wideo w nadchodzącej wersji HTML.

[xhtml]
<! – Prosty przykład wideo ->
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Przepraszamy, Twoja przeglądarka nie obsługuje osadzonych filmów, ale nie martw się, możesz <a href="videofile.webm">pobrać ją</ a> i oglądaj w swoim ulubionym odtwarzaczu wideo!
</video>

<! – Wideo z napisami –>
<video src="foo.webm">
<track kind="napisy" src="foo.en.vtt" srclang="pl" label="angielski">
<track kind="napisy" src="foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]

Dedykowane i bogate biblioteki

JQuery zmienił świat JavaScript w odniesieniu do standardowych bibliotek. Następny standard HTML mógłby zawierać gwarantowane biblioteki dystrybuowane z przeglądarką. Zaoszczędziłoby to więcej czasu podczas odświeżania buforowanej wersji jQuery 1.9. Innymi słowy, wkrótce nadejdzie buforowalna wersja bibliotek. Jeśli wielu projektantów korzysta z określonej biblioteki, może być ona dystrybuowana wraz z przeglądarką w nowej wersji HTML6.

Ulepszona adnotacja

Adnotacja nie powinna ograniczać się do sekcji komentarzy u podstawy artykułów. Standardowa struktura może dodawać adnotacje do akapitów, zdań i słów. Nawet obrazy i momenty w filmie mogą być również opatrzone adnotacjami w wyrafinowanej wersji. Standaryzacja API umożliwia wszystkim witrynom i przeglądarkom traktowanie podstawowych adnotacji w ten sam sposób. Społeczność programistów oczekuje na ulepszone opcje adnotacji.

Integracja kamery

Kamera odgrywa kluczową rolę w naszych interakcjach w domu iw biurze. Oczekuje się, że HTML6 umożliwi dostęp do wszystkich treści multimedialnych na naszych urządzeniach na wiele sposobów. Może oferować większą kontrolę nad kamerą w przeglądarce, formularzach lub innych systemach. Przechwytywanie obrazu, filtrowanie w locie, efekty aparatu to tylko niektóre z aspektów, które można rozwiązać. Inną możliwością jest umożliwienie wielu formatów zarówno wideo, jak i fotografii, przy jednoczesnym ułatwieniu tworzenia obrazu panoramicznego i HDR.

Trudniejsze uwierzytelnianie

Przeglądarka mogłaby zaoferować więcej, jeśli chodzi o uwierzytelnianie. Na przykład, zamiast używać plików cookie, przeglądarka może oferować podpisywanie tokenów za pomocą osadzonych kluczy, które mogą być przechowywane w utwardzonych chipach. Uniemożliwia ludziom (czytaj: hakerom) uzyskanie dostępu za pomocą tajnego klucza. API można dodać do przeglądarki, aby umożliwić stronom internetowym żądanie lepszych podpisów cyfrowych. W pewnym sensie uwierzytelnianie może stać się silniejsze w celu zwiększenia bezpieczeństwa.

Mikroformaty

Typowe szczegóły, takie jak części adresu lub numeru telefonu, można określić przy użyciu standardowej metody zwanej mikroformatami w HTML6. Możemy uzyskać szybką odpowiedź od robotów indeksujących i wyszukiwarek za pomocą standardowego zestawu tagów. Deweloperzy mogą używać bardziej wszechstronnych znaczników lokalizacji, dat, godzin, bibliografii i wszelkich form standardowych danych do tworzenia szczegółowych informacji. Możemy również spodziewać się kodów telefonicznych dla poszczególnych krajów. Deweloperzy szukają również elastyczności w zmianie formatu daty. W tej chwili jest domyślnie ustawiony z amerykańskim. W pewnym sensie mikroformaty stałyby się silniejsze i bardziej elastyczne w HTML6.

Preprocesory

Wtykowe preprocesory można zintegrować z HTML6 w celu konwersji języków na JavaScript. Dzisiaj Lisp, Python, Ruby, Erlang, Scala i wiele innych języków można skompilować do JavaScript, a nadchodząca wersja HTML może przynieść preprocesor do realizacji tego celu. Kiedy którykolwiek z tych języków jest skompilowany krzyżowo do JavaScript, tworzy mniejszą wersję, którą można łatwo przesłać przez Internet. HTML5 to ogólna wersja JavaScriptu, która utrudnia optymalizację kodu na komputerze lokalnym.

Języki wtykowe

Nie możemy wykluczyć, że w nadchodzącej wersji HTML pojawi się zestaw języków, który można podłączyć. Zwiększyłoby to elastyczność, oferując jednocześnie programistom więcej możliwości wyboru projektu. Chociaż JavaScript może być kontynuowany na szeroką skalę, w przyszłości mogą pojawić się wyspecjalizowane rozszerzenia z wyspecjalizowanym językiem. Deweloperzy potrzebują również tagów HTML, które mogą generować wiele kodów, aby sprostać wymaganiom.

Automatyczne dostosowywanie obrazów w przeglądarce

Wygląd obrazu zależy od różnych aspektów, takich jak rodzaj urządzeń i wielkość okna. Standardowy tag HTML <img> ma tylko jeden kod SRC, który może powodować problemy z przeglądarką podczas wyświetlania obrazu. Jednak lepszy protokół HTML może sugerować żądaną szerokość lub wysokość obrazu, a serwer może zapewnić optymalną rozdzielczość. W pewnym sensie w HTML6 wkrótce pojawią się obrazy o rozmiarach przeglądarki.

Bezpieczny dostęp do informacji kontaktowych

Ludzie lub goście często chcą uzyskać adres e-mail lub numer kontaktowy do bazy danych swoich urządzeń. W tej chwili mogą to zrobić za pomocą funkcji wycinania i wklejania. Oczekuje się, że JavaScript uchroni ludzi przed tym wycinaniem i wklejaniem w nowej wersji HTML6. W urządzeniach mobilnych interfejs mógłby oferować strzeżony dostęp do informacji kontaktowych dla osób.

Wniosek

To nie wszystko. Deweloperzy chcą, aby HTML6 umożliwiał dostosowywanie walidacji formularzy. W tej chwili jest domyślnie i nie można go zmienić. Co więcej, w świecie opartym na urządzeniach mobilnych, nadchodząca wersja HTML może zapewnić funkcję śledzenia lokalizacji za pomocą GPS w przeglądarce mobilnej. Niektóre inne pomysły dotyczące funkcji obejmują obsługę Bluetooth, wbudowaną ochronę przed złośliwym oprogramowaniem i możliwość przesyłania plików między użytkownikami itp., które są również przygotowywane w nadchodzącym HTML6.

Scena jest ustawiona na HTML6. Poczekajmy, aż pojawi się najnowsza wersja, która może przynieść radykalną zmianę w procesie tworzenia stron internetowych.

Miłego tworzenia stron internetowych!