Тема 7. Програмування мовою html 5

Веб-програмування стрімко розвивається і на сьогоднішній день веб-сайти отримують все більше і більше нових можливостей, стають більш зручними для користувачів. HTML 5 і CSS 3 - це нові «сходинки» в розвитку технологій веб-програмування. Що представляють собою HTML 5 3? Які переваги HTML 5? Чому HTML 5 зручні для застосування при розробці сайтів?

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

Крім того, ряд нових елементів в HTML 5 дозволяє позбутися від необхідності використання для відображення сайту в браузері сторонніх розширень. До таких належать елементи audio і video, що забезпечують інтеграцію мультимедійних даних і здійснюють відтворення мультимедійного контенту в браузері без програвача Flash Player, наприклад.

Багато функціональних можливостей HTML 5 у свіжих версіях браузерів підтримуються вже зараз. Використання HTML 5 дозволяє прискорити завантаження сторінок сайту, додає нові можливості на сайт. Якщо ж якась із функцій HTML 5 не підтримується браузером, то це не завдає жодної шкоди сайту, адже HTML 5 ґрунтується на HTML 4 й не підтримувані елементи просто ігноруються.

Які ж переваги дає замовникові сайту веб-програмування з використанням HTML?

Отримання сучасного, привабливого, зручного і функціонального сайту, що ефективно виконує свої завдання - ось основна мета, яка ставиться при розробці сайтів. Веб-програмування з використанням HTML 5 3 допомагає в досягненні цієї мети.

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

За рахунок використання HTML 5 3 відтворення на сайті анімації, відео, аудіо виконується без необхідності підключення додаткових розширень до браузера. На відміну від flash-елементів, дані технології добре взаємодіють з пошуковими системами і не перешкоджають пошуковому просуванню сайтів.

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

Будемо знайомитись з перевагами і новинками HTML5.

 1.Структура (семантика) документа

В HTML нарешті з’явився цілий ряд нових семантичних тегів, які служать для створення більш змістовної організації веб-сторінок. Це такі теги, як: <header>, <article>, <footer>, <nav>, <aside>, <section>. Деякі теги HTML4 визнали застарівшими, деякі змінили своє значення і атрибути.

2.Графічні можливості

Новий елемент <canvas> створений для роботи з 2D графікою, що створює безліч нових можливостей для впровадження на сторінки. <сanvas> являє собою динамічну поверхню для програмного малювання та різних операцій над графікою.

3. Мультимедіа

Додана підтримка мультимедійного контенту за допомогою тегів <video> та<audio>.

4. Геолокація

Зчитування геолокації стало можливо завдяки функціям getCurrentPosition і watchPosition. Щоправда браузер буде запитувати дозволу перед проведенням операції, оскільки в специфікації вказано, що без дозволу браузери не мають права відправляти геодані.

5. JavaScript API

API для роботи з графікою і мультимедією в новому HTML5, перетягування об’єктів(Drag & Drop методи) та інші можливості.

6. Нові елементи веб-форм

З’явилися також нові елементи для веб-форм, які знову ж таки розширюють функціонал сторінки і поле для фантазії кодера.

7. Локальне сховище

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