y"> Веб сайти використовують JavaScript для автоматичного переміщення фокусу до першого елементу форми. Приміром, на сайті Google автофокус переміщений на форму для введення пошукового запиту, і користувачам вже не доводиться щоразу наводити на нього курсор. Раніше автофокус писався на JavaScript, тепер же для форм в HTML досить застосувати атрибут autofocus. Розробники браузерів можуть запропонувати користувачам можливість відключити в налаштуваннях автофокус.
мікродані
мікродані це звичайний спосіб додати додаткову семантику на веб-сторінку. У HTML5 входить не тільки стандарт мікроданних, а й функції DOM (в основному для браузерів, що дозволяє отримати доступ безпосередньо до коду HTML сторінки). Але якщо необхідно отримати доступ та керувати мікродані через DOM, потрібно перевірити чи підтримує ваш браузер відповідний API.
Нова технологія Web Forms 2.0. забезпечує більш швидку і якісну обробку, введену користувачем даних, при цьому кількість тегів помітно збільшено.
Глава 2. ВІДЗНАКИ HTML5 від попередніх версій. ПОРІВНЯЛЬНИЙ АНАЛІЗ плюси і мінуси
. 1 Переваги HTML5
привернув до себе величезну увагу веб-розробників. І так відмінності HTML5 від його попередників.
Нові можливості цього стандарту призначені для створення інтерактивних веб-додатків з максимальним використанням мультимедійного контенту, роботи з програмними інтерфейсами і структурування документів. мову інтерактивний веб додаток
Структурні можливості HTML5 створюють структуру веб-документа більш простою і зрозумілою, а код набагато «чистіше». Замість контейнерів div, що використовуються в HTML 4.01 можна використовувати такі теги як header «заголовок», nav «навігація», section «розділ документа», article «вміст сайту», aside «вміст сайту» і footer «підвал сайту».
Нові елементи дозволяють краще описувати верхній і нижні колонтитули, блоки сайту, тексту і інші частини веб-сайту. Ці нововведення використовуються для генерації змісту та організації більш ефективної і простий навігації по веб-сторінці, що не засмічуючи при цьому код іншими другорядними тегами. Наведемо приклади:
Приклад 1. Замість громіздкої записи HTML4.01:
lt;! DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
# justify" gt; в HTML5 це матиме набагато коротше:
lt;! DOCTYPE html gt ;.
Приклад 2. У HTML4 для створення заголовка необхідний код: lt; div id= header gt;
lt; h1 gt; Мій заголовок lt;/h1 gt;
lt; p gt;
lt;/div gt;
У HTML5 використовується елемент lt; header gt; замість lt; div id= header gt;:
lt; header gt;
lt; h1 gt; Тема lt;/h1 gt;
lt; p gt;
lt;/header gt;
Як бачимо, код стає простіше і зрозуміліше.
Мультимедійні можливості в HTML5 виключають використання Adobe Flash та інших сторонніх програм. Для додавання музичних і відео файлів можна скористатися будь-яким браузером, що підтримує HTML5, коли в HTML 4.0 і HTML 4.01 необхідна наявність додаткових програм.
Введення даних у формах HTML5 став набагато безпечніше, правильність даних контролюється безпосередньо під час введення, тоді, як в HTML 4 перевірка правильності введених даних здійснюється вже після відправки документа, що ні створює певні незручності користувачам.
Текст і зображення в HTML5 стають єдиним цілим, що помітно збільшує кількість можливостей і дозволяє створювати досить вражаючі, барвисті веб-сайти без сторонніх скриптів.
Анімації і графіка. Тут розробники можуть скористатися функцією Canvas, яка здатна замінити Adobe Flash і подібні йому додаткові програми. З'являється можливість розмістити на своєму сайті анімацію, графічні елементи і навіть невеликі ігри, безпосередньо на веб-сайті.
Переваги для кінцевого користувача. Тут стався ряд корисних змін:
Не потрібно установка численних сторонніх програм.
Сумісність HTML5 на відміну від своїх попередників, доопрацьована. Він сумісний не тільки на персональних комп'ютерах і ноутбуках, але ще й з планшетами, смартфонами, сучасними моделями DVD плеєрів, телевізорів, консолей, які забезпечують доступ до інтернет ресурсам.
У HTML5 єдиний стандарт відображення контенту, незалежно від типу браузера.
. 2 Недоліки HTML5
на тлі становлення HTML5
