Створення мультимедійних видань за допомогою HTML-5 технологій

Більшість електронних видань, що можна віднайти в мережі Інтернет оформлені в HTML форматі. Цей формат є досить компактним та крім тексту дозволяє додавати до видання ілюстрації та мультимедійні фрагменти. Основу HTML документів складають звичайні текстові файли, окремі символи якого представлені ASCI-кодуванні. Ці файли доступні для перегляду та редагування тексту. Відмінностями НТМL – видання від звичайного тексту є те, що в них присутні спеціальні команди-теги які вказують правила форматування документів при виведенні інформації на екран монітора. Недоліком цього формату є: відсутність необхідного шрифту на користувацькому комп’ютері, що викликає труднощі при перегляді документів, пов’язаної з необхідністю заміни відсутньої гарнітури [46; 24].

Мова HTML це стандартна мова призначена для створення гіпертекстових документів в WWW. HTML-документи можна переглядати через різноманітні типи браузерів. Якщо документ створений за допомогою HTML, веб-браузер може інтерпретувати HTML для виділення різноманітних елементів документів та первинної їх обробки. HTML-документи можуть бути створені за допомогою будь-яких текстових редакторів чи спеціальних НTML редакторів і конвекторів [46; 11].

HTML-документ – це звичайний файл в форматі ASCII. В його основі лежать спеціальні дескриптори (теги), які і визначають правила формування даних. Код програми на мові НTML – звичайний текстовий файл, тому найпростіше написати його в блокноті – стандартом Windows-додаток, який викликається командою пуск-програми-стандартні-блокнот. Коли програма написана її файл слід зберегти з розширенням.htm. Назву файлу варто записати латинськими літерами без пробілів. Так веб-сторінки НTML можуть бути розроблені за допомогою і інших програмам Adobe GoLive, Microsoft Front page, Macromedia Dreamweaver та ін.

HTML5 — нова версія мови HTML. В 1998 році WЗC вирішила більше не займатися розробленням HTML. Впродовж 1998-2008 рр. робоча група займалася створенням XHTML 1.0, згодом новішої версії XHTML 2.0. В 2009 р. WЗC припинила роботу над XHTML 2.0. та почала розробляти HTML5. Вагому роль відіграло те, що до складу робочої групи HTML5 увійшли представники різних виробників браузера, зокрема AOL, Apple, Google, IBM, Microsoft, Mozzilla, Nokia, Opera та кілька сотень інших. Якщо виробництво не хотіло запроваджувати якусь частину специфікації, вони цього не робили. Засновник компанії Хіксон сказав, що виробники браузерів мають право накладати вето на все, що є в специфікації, так як вони цього не реалізують до специфікації можна буде відноситись як до белетристики. Багатьом членам робочої групи це не сподобалось [56; 17].

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

28 жовтня 2014 консорціум W3C оголосив про надання набору специфікацій HTML5 статусу рекомендованого стандарту. Проте, специфікації HTML 5.0 були сформовані ще два роки до того, а у 2014 р. проводилось тестування та оцінка сумісності доступних реалізацій. Затвердження стандарту лише формально поставило крапку в просуванні HTML5 і підтвердило повсюдність і коректність його реалізації.

Специфікації HTML5 не обмежуються тільки розміткою і включають в себе низку веб-технологій, котрі у сукупності формують відкриту Веб-платформу — програмне оточення для роботи крос-платформових додатків, здатних взаємодіяти з обладнанням, які підтримують засоби для роботи з відео, графікою і анімацією, що надає розширені мережеві можливості [56; 28].

Члени робочої групи намагалися при розробці HTML5 досягти три основні цілі:

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

· вперше здійснити опрацювання помилок;

· допрацювати мову для спрощення створення web-додатків [56; 14].

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

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

В HTML5 додано 30 елементів з новою семантикою, які можна використовувати при створенні традиційних статистичних веб-сторінок, а також ряд елементів управління формами, які дозволяють повністю відмовитись від JavaScript. В 2004 р. Ян Хіксон проіндексував за допомогою Google 1 млрд. веб-сторінок, щоб поглянути з чого складається Інтернет мережа. Таким чином в HTML5 є своєрідним відображенням стану Інтернет мережі в період його розробки: додано 30 нових елементів та вибір багатьох із них здійснений на основі аналізу даних дослідження імен класу id, оскільки це саме те, що розробники використовують насправді. В HTML5 присутні нові елементи, які однозначно задають структурні елементи сторінки [56; 20].

 

Схематичне відображення сторінки HTML 5 [56; 33].

header
nav	article
article

footer

Оформлення основних частин сторінок HTML5 здійснюють за допомогою СSS. У всіх браузерах створювати стилі для цих елементів досить просто. СSS – мова таблиць стилів, що дозволяє авторам і користувачам добавляти оформлення до структурованого документу, зокрема таким як HTML-документи та XML-додатки [46; 19].

Таким чином за допомогою СSS можна зробити елемент nav плаваючим, додати границі для елементу header і footer та оформити поля та відступи для article, що здійснюється дуже просто [96].

Хоч нові елементи HTML5 можна використовувати вже зараз вони не є зрозумілими старим версіям браузерів. В такому випадку, вони розглядаються як невідомі елементи та не обробляються. Незвичним є те, що в СSS всі елементи є рядковими, тому якщо задати висоту і ширину для структурного елементу в застарілих браузерах він буде відображатися неправильно.

Елемент < header > являє собою набір попередніх даних і навігаційних засобів. Цей елемент повинен містити заголовок розділів (елементи h1-h6 чи hgroup). Також цей елемент може використовуватися для обрамлення списку змісту розділу, форми пошуку чи будь-яких необхідних логотипів.

Як зазначено в специфікації не всі групи посилань на сторінці потрібно обрамляти елементом <nav>. Власне за допомогою цього елементу легко здійснюється навігація. Цей елемент призначений для розділів, які складаються із великих навігаційних блоків. Проте в специфікації вказано, що даний елемент варто використовувати для юридичних посилань, зокрема авторське право, контакти, свобода інформації, конфіденційність.

Про елемент < footer > зазначено в специфікації, що він створений для розташованого рівнем вище структурованого контенту чи структурованого кореневого елементу. Цей елемент зазвичай містить дані у відповідному розділі – інформацію про автора, посилання на схожі документи. В HTML5 для цього елементу з’явилася семантика і тепер він використовується для приміток чи розділів написаних маленьким шрифтом.

Елемент <article> являє собою самодостатній компонент сторінки, документу, додатку чи сайту та призначений для багаторазового використання. Це може бути публікація на форумі, стаття в журналі чи газеті.

В HTML5 є строгий алгоритм визначення структури документу, який дозволяє агентам користувачів створювати схожі структури для веб-сторінки. Так само як у випадку з опрацюванням тексту, це може знадобитися для того, щоб користувач міг швидко отримати загальне враження від сторінки, крім того не варто вважати, що веб-сторінки не являються по своїй суті додатками до обробки тексту [56; 34].

Існує більшість простих та складних програм для написання HTML5 документу. В своїй основі всі вони діляться на дві категорії: програми, автоматизуючи вставки тегів, і звичайні стандартні текстові редактори та процесори створені для любих платформ. Можна створити веб-сторінку за допомогою звичайного текстового редактора. [56; 20]

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

– підтримка відео та аудіо;

– можливість малювання на веб-сторінках довільних об’єктів (елемент сanvas);

– покращення форм (нові значення type для <input> та багато інших нових елементів та атрибутів);

– додавання семантичних тегів, що дає можливість зробити веб-сторінки більш зрозумілими для пошукових систем, браузерів та інших програмних засобів читаючих веб-сторінки (елементи footer, header, nav, article);

– зберігання DOM – функціональна альтернатива сookie.

Відмінністю HTML4 від HTML 5 є те, що за допомогою GSS могли створити документи зі зрозумілою для користувача структурою, проте не завжди зрозумілою для браузерів та пошукових систем. Саме тому були введені семантичні теги, які є зрозумілими для браузерів та пошукових систем.

HTML5 найчастіше використовують для створення веб-сайтів та веб-документів.