HTML5: що це і в чому переваги
Плюси останньої версії мови HTML
Майже 85% сайтів використовують технологію HTML. Остання версія — HTML5. На ній працює близько 90% HTML-сайтів.
Розповідаємо все, що потрібно знати про HTML5.
HTML5: що це і для чого потрібно
HTML — мова розмітки, яку застосовують для створення вебсторінок. Один із її основних елементів — теги. Між початковим і кінцевим тегом міститься текст, який показує своє значення, функції, вигляд або розмір. Наприклад, <large> і </large> відтворюється з більшим розміром, ніж основний текст.
Теги формують текстову структуру за допомогою елементів, позначених символами «<» і «>».
У старому HTML для роботи інших мов було потрібне додаткове ПЗ. Код HTML, як і раніше, забезпечує базову структуру, але тепер він також охоплює каскадні таблиці стилів (CSS) і JavaScript. HTML5 об’єднує всі основні мови інтернет-дизайну. В останній версії HTML розробники також можуть інтегрувати аудіо та відео.
HTML і HTML5: у чому відмінність
Одна з головних розбіжностей — розміщення мультимедіа (аудіо та відео на сторінках). Раніше це було можливо тільки за допомогою великого HTML-коду і додаткових програм. У HTML5 для цього потрібен лише один тег.
Також у HTML5 можна використовувати Canvas, SVG та іншу віртуальну векторну графіку. Раніше для цього були потрібні доповнення — VML, Silverlight і Flash.
У старому HTML тільки кеші браузера могли використовувати бази даних SQL. Остання версія HTML дозволяє всім сторінкам тимчасово зберігати дані в кеші застосунку через онлайн-базу даних. Завдяки цьому JavaScript може працювати у фоновому режимі браузера.
У новій структурі HTML5 також відсутня стандартна узагальнена мова розмітки (SGML). Це забезпечує поліпшену сумісність. HTML5 позбувся застарілих елементів — noframes, acronym, font, big, strike, center і frame. Він вводить нові типи елементів: електронна пошта, дата і час, діапазон, номер, URL-адреса, пошук. А також зведення основних тегів, аудіо, мітку, навігацію, джерело, відео, доріжку, дату, час.
Переваги HTML5 для розробників
- Покращено підтримку функцій вебзастосунків
Раніше для використання вебзастосунків були потрібні розширення для браузерів і серверні технології. HTML5 об’єднує всі важливі елементи (наприклад, Flash і JavaScript). - Стандартизована обробка помилок
До появи HTML5 доводилося використовувати різні браузери для виконання тестів на спотворених HTML-документах. Завдяки поліпшеним алгоритмам розбору тепер тести можна проводити в одному браузері. - Розширена семантика елементів
У HTML5 з’явилися заголовки, впорядковані та невпорядковані списки, абзаци, зображення, елементи форм і посилання. У цій версії також ввели чотири секційні елементи: <article>, <aside>, <nav> і <section>.
- Персоналізовані атрибути даних
Розробники й раніше могли додавати користувацькі атрибути, але вони часто викликали недійсні та неправильні документи або зупиняли роботу сторінки. Атрибут «data- *» в HTML5 розв’язує ці проблеми. Його функція полягає у зберіганні додаткової інформації про елементи. Наприклад, вам потрібно визначити тип блоку DOM (section, footer) і присвоїти йому ідентифікатор, щоб згодом додати CSS-стилі. Для цього в HTML 5 додано атрибути даних. - Версія для смартфонів
Код HTML5 тепер краще підтримують смартфони та планшети. - Вебсховище
HTML5 використовує веб- або локальне сховище замість cookies, які можуть містити лише невеликий обсяг даних.
Однак термін їхньої дії може закінчуватися, вони можуть уповільнювати роботу сервера, передаючи додаткові скрипти.
З іншого боку, вебсховище дає змогу тримати дані на комп’ютері клієнта постійно (якщо користувач не стирає їх), а також воно має більший обсяг даних (5 МБ замість 4КБ).
Ключові плюси HTML5 для користувачів
- Зменшує кількість збоїв мобільного браузера.
- Робить мобільну версію сайту зручнішою для користувача.
- Підтримує вихідні аудіо- та відеоелементи без додаткових плагінів.
- Деякі дані можна тримати на девайсі користувача. Це дає змогу застосункам працювати офлайн.
