HTML5 – версія HTML, нова платформа. Вона призначена для створення додатків, пов’язаних із аудіо, анімацією чи графікою.

   Давайте детальніше розглянемо головні переваги HTML5:

• можливість розбивати структуру сайту на блоки;
• для прослуховування аудіо чи перегляду відео не потрібно спеціальних розширень;
• підвищена безпека;
• простота та перевірка правильності введення даних;
• так званий елемент «canvas» надає нові можливості у роботі з графікою.

   Для кращого володіння основами HTML5 можна записатись на додаткові курси. Але для цього необхідно знати технологію HTML. На курсах Ви зможете:

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

   В HTML5 існують спеціальні семантичні елементи і теги, зокрема, ті, які призначені для вставки та додавання відео чи аудіо на сайт:

• ˂header˃ - заголовок (назва) сайту;
• <article> - стаття, запис у блозі, тобто вміст сторінки;
• <audio> - дозволяє вставляти на сторінку аудіо;
• <details> - містить інформацію про конкретний об’єкт;
• <menu> - можливість перегляду пунктів меню;
• <output> - показує результати певних розрахунків;
• <progress> - відображає хід та процес виконання завдання;
• <section> - зазвичай має заголовок, дозволяє розділяти сторінку на певні секції (розділи);
• <summary> - клацнувши на даний заголовок, можна розгорнути та побачити додаткову інформацію;
• <time> - визначає час та дату;
• <video> - дозволяє додавати відео-файли на сторінку та відтворювати їх;
• <wbr> - вказує місце, де може бути розрив строки для переносу в разі необхідності;
•  та інші.

   Якщо Ваш сайт містить велику кількість сторінок, то варто створити панель меню (горизонтальну чи вертикальну).

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

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

  Вертикальне меню у більшості випадків розміщується у лівій частині сторінки. Для початку необхідно створити маркований список. Вказується необхідна кількість пунктів майбутнього меню. Після цього кожен пункт треба зробити посиланням HTML. Вертикальне меню можна зробити «спливаючим». Воно краще підходить для магазинів, які містять велике різноманіття товару. Сторінка матиме більш презентабельний вигляд та допоможе приховати підрозділи.

 Також досить часто використовують одночасне поєднання горизонтального та вертикального меню. 

 

   Для створення контекстного меню в HTML5 в документ потрібно вставити спеціальну конструкцію під назвою ˂menu˃, враховуючи усі пункти. Після цього потрібно присвоїти ій індивідуальний ідентифікатор.

   В HTML5 є свої атрибути, які починаються із префікса «data». Вони використовуються для зберігання інформації. Кожен атрибут повинен мати хоча б один із симолів у нижньому регістрі.

 Нова версія HTMLвідкриває нові можливості, дозволяє краще та ефективніше взаємодіяти з клієнтами, створювати web-додатки.