НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Блог Адміну. Уроки W3Schools українською

HTML6 Коли вийде? Що нового?


HTML, мова Інтернету, є однією з найбільш відомих веб-технологій. HTML постійно використовується для створення Інтернету з моменту його появи. Нині діючою специфікацією є HTML5. Але вже є досить велика кількість нововведень, які пропонується ввести в наступній версії - HTML6.

HTML6. Уроки для початківців

HTML6 йде. Коли він вийде і що з’явиться нового?

Хоча більшість нових методів зробили процес створення веб-сайтів більш простим і ефективним, HTML завжди був в його основі.

HTML5 вийшов в 2014 році; був ще один крок до стандартизації мови розмітки гіпертексту. Специфікація HTML, переглянута в жовтні 2014 року, була доречною.

Люди зараз чекають чергового апгрейда, і знаєте що? HTML6 вже на шляху.

WHATWG - орган, регулюючий специфікації HTML, лише з часом буде змінювати специфікації HTML, а не відразу (як стверджують деякі джерела).

В цій статті ми збираємося поглянути на те, що, скоріше за все, зміниться в HTML6 і що нового з’явиться в HTML6. Пристебніть ремені, ми збираємось зануритись в основний зміст!


Що нового має з’явитися в HTML6?


HTML6 Експрес-теги

Як слідує з назви, ці теги є експрес-тегами. Можна використовувати такі теги, як логотип на вашій веб-сторінці. Крім того, будуть доступні такі теги, як ,, (коми).


HTML6 Підтримка власних модалів

Елемент dialog знаходиться в розробці з HTML6. Цей елемент вважається еквівалентом модальних вікон на базі JavaScript.

Елементи dialog вже стандартизовані, але тільки деякі браузери, такі як Chrome та Інтернет-браузери Samsung, мають повну підтримку. Не хвилюйтесь, скоро він буде працювати в усіх браузерах.

Цей елемент в форматі за замовчуванням буде відображатись лише при наведенні курсора на те місце, де він був розміщений.

Щоб використовувати більш розповсюджений інтерфейс, подібний модальному, ви можете відкрити модальний метод за допомогою JavaScript.

Приклад:

<dialog>
 <form method="dialog">
  <input type="submit" value="Ok" />
  <input type="submit" value="Cancel" />
 </form>
</dialog>

В формі за замовчуванням елемент створює сірий фон з неінтерактивним змістом під ним.

Атрибут method може використовуватись в формах всередині елемента <dialog>. Це відправить значення і поверне значення самому об’єкту <dialog>.

В цілому, цей елемент <dialog> корисний при невеликій взаємодії з користувачем і покращенні користувальницького інтерфейсу. Ви можете переключити атрибут open, щоб відкрити і закрити його в стандартній HTML-формі.


Приклад:

<dialog open>
  <p>Діалогове вікно, створене за допомогою HTML6</p>
</dialog>

HTML6 Свобода зміни розміру зображення

Експерти вважають, що скоро з’явиться оновлення, яке дозволить браузерам змінювати розмір зображення для кращого перегляду.

Браузери стикаються з труднощами при відображенні найкращого розміру зображення відносно пристрою і розміру вікна.

Теги src і img не дуже ефективні для вирішення цієї проблеми. Можливо, буде доступним новий тег **<srcset>**.

Цей тег може полегшити браузеру вибір між більш ніж одним зображенням для найкращого перегляду.


HTML6 Виділені бібліотеки

Запровадження бібліотек, що кешуються в HTML6 стане кроком до підвищення продуктивності як веб-розробників, так і користувачів.


HTML6 Анотації до зображень і відео

Будо б чудово, якби ми могли анотувати зображення і відео в HTML. HTML5 дає нам можливість інтерпретувати слова, речення і параграфи, але не зображення і відео.

Багато які організації в цій сфері запропонували рішення, і схоже, що WHATWG розгляне хоча б деякі з них.

Будемо сподіватися, що скоро ми будемо додавати анотації до зображень і відео в HTML.


HTML6 Покращення аутентифікації

Хоча з точки зору безпеки HTML5 непоганий. Браузери і веб-технології також забезпечують розумний захист. Але, безсумнівно, в області аутентифікації і безпеки можна зробити ще набагато більше.

Ключи можна зберігати офсайт; це дозолить запобігти доступу небажаних людей і посилить аутентифікацію. Використання вбудованих ключів замість файлів cookie, покращення цифрового підпису і т.д.

Люди і аналітичні центри можуть запропонувати багато рішень, і все залежить від того, прийме їх чи відхиле WHATWG.

HTML6 Індивідуальні меню

Теги <ul> та <ol> корисні, але не підходять для всіх потреб. Тег <menu> міг би краще обробляти інтерактивні елементи, - це необхідність часу.

Тег <menu> міг би обробляти елементи списку, що запускаються кнопками всередині меню.

Приклад:

<menu type="toolbar">
 <li><button>Вырезать</button></li>
 <li><button>Копировать</button></li>
 <li><button>Вставить</button></li>
</menu>

Тег <menu> також міг би розширити можливості списку в HTML, і він міг би добре працювати, навіть як звичайний список.


HTML6 Вбудована камера

HTML6 дозволить нам найкращим чином використовувати камеру і мультимедіа на нашому пристрої. Ми зможемо керувати камерою, її ефектами, режимами, панорамними зображеннями, HDR та іншими речами.

Ми могли б використовувати будь-які засоби масової інформації та перепрофілювати їх. Є багато речей, які можна було б покращими за допомогою камери і HTML6.


HTML6 Хороші мікроформати

Часто нам необхідно визначити нашу загальну інформацію в Інтернеті. Загальною інформацією може бути що завгодно, наприклад наш номер телефона, ім’я, адреса і т.д. Мікроформати - це стандарти, здатні визначати загальні дані.

Мікроформати можуть розширити можливості дизайнера і зменшити зусилля пошукової системи, необхідні для виводу нашої загальнодоступної інформації.


HTML6 Односторінкові додатки без Javascript

Bobby Mozumder, головний редактор журнала FutureClaw, пропонує:

Зв’язування елементів прив’язки з JSON / XML, кінцевими точками API, при якій браузер внутрішньо завантажує дані в нову структуру даних, а потім браузер замінює елементи DOM будь-якими даними, котрі були завантажені по мірі необхідності. Початкові дані (а також стандартні звіти про помилки) можуть бути в фікстурах заголовків, які при бажанні можна замінити пізніше.

За його словами, це шаблон веб-дизайна односторінкового додатку, який покращить чутливість і час завантаження, так як не буде необхідності завантажувати javascript.


HTML6 Висновок

Немає нічого ідеального, в т.ч. і в HTML, тому є багато речей, котрі можна було б зробити за допомогою нової специфікації HTML, щоб зробити мову розмітки ще більш зручнішою і перфектною.

Щоб розширити можливості HTML, необхідно стандартизувати деякі корисні норми. Невеликі зміни вже почали запроваджуватись і, можливо, з’являться в наступній специфікації - HTML6.

Якщо врахувати, що говорять технічні експерти, а також прислухатись до думки широкої аудиторії веб-розробників, то вже можна мати деяке уявлення про майбутні нововведення.

Покращення підтримки Bluetooth, передавання файлів p2p, захист від шкідливих програм, інтеграція хмарного сховища - ось деякі речі, які варто розглянути в наступній версії HTML.

Це вже на майбутнє. Тим не менше, вже є деякі оновлення, котрі були внесені, і деякі, скоріше за все, будуть оголошені в найближчий час, а інші є просто прогнозами.

Можливо, ця стаття допоможе вам краще зрозуміти нову специфікацію HTML6, що нині готується до виходу.