НОУ ІНТУІТ, Лекція, Знайомство з HTML5!
Більшість Навчального курсу за стандартами web (http://www.opera.com/wsc) створено останньої стабільної версії мови HTML — HTML 4.01. Специфікацію HTML 4.01 було завершено в 1999 р., більше 10 років тому на момент написання цієї статті! Але життя не стоїть на місці і вам має бути добре відомо, що в даний час існує нова версія HTML — HTML5!
Чому ж ми, незважаючи на це, навчаємо вас HTML 4.01? У цій статті ми відповімо на це питання та на багато інших. Ми повідомляємо всі необхідні основні відомості про те, чому з'явився HTML5 і де він знаходиться зараз. Ми обговоримо, як він може вписатися в процес навчання прямо зараз, навіть якщо ви є новачком дизайну або розробки web, і ми розглянемо деякі основні властивості HTML5, щоб ви могли побачити, що він додає до вже досить потужної мови HTML.
Чому HTML5?
Коли HTML 4 наближався до завершення, консорціум W3C вирішив (на робочому семінарі 1998 р. - http://www.w3.org/MarkUp/future/), що з погляду мов розмітки майбутнім Web є XML і XHTML , а чи не HTML. Тому W3C підвів рису під HTML 4.01, і сконцентрувався після цього на специфікації XHTML 1.0, закінченої на початку 2000 р. Мова XHTML 1.0 майже така сама, як і HTML 4.01, за винятком того, що використовує правила синтаксису розмітки з XML. Незабаром пішла мова XHTML 2.0 (http://www.w3.org/TR/xhtml2/), яка додала цілий пакет нових потужних засобів і тип mime тільки для XML, з метою стати наступною основою Web.
Проблема з XHTML 2.0 полягала в тому, що він не був назад сумісним з вже наявною в Web розміткою - елементи працювали по-різному, тип mime XHTML (application/xhtml + xml) взагалі не працював у IE, який по-Як і раніше утримує велику частку ринку браузерів на час написання, доступні інструменти розробників були не готові для роботи з XML , який насправді не відображав, що розробники Web ДІЙСНО робили там, в ДИКОЙ, ДИКОЙ мережі Web .
У 2004 р., група однаково мислячих розробників і виконавців (включаючи представників Opera, Mozilla, і трохи пізніше, Apple) зібралися і сформували групу, що відкололася, за специфікацією з назвою WHATWG (http://www.whatwg.org/), з метою написати найкращу специфікацію розмітки HTML, яка зможе допомогти створенню нового покоління додатків Web, не руйнуючи – що було критично важливо – зворотної сумісності.
Мова HTML5 є дійсно гарною річчю для розробників та дизайнерів Web, так як він:
Що HTML5 означає для мене?
Коротка заключна відповідь полягає в тому, що HTML5 є майбутнім Web, і великою частиною вашого майбутнього як дизайнера та розробника Web. Я б рекомендував почати вивчення HTML5, як тільки ви будете готові - багато нових властивостей зроблять вашу роботу значно легше, і це буде майбутній доказ ваших знань. Якщо ви студент і ваш викладач не знає ще про HTML5, або не хоче розглядати його у своєму курсі, покажіть йому цю статтю.
Властивості HTML5
Мова HTML5 містить багато нових властивостей, що робить HTML значно потужнішим і зручнішим для створення програм Web . У наведеному нижче списку підсумовуються основні властивості, про які дійсно потрібно знати.
Деякі з наведених нижче властивостей не є насправді частиною самої специфікації HTML5, але визначені в тісно пов'язаних специфікаціях, тому вони все ще є допустимими частинами нового руху в напрямку сучасних Web-додатків, і про нихкорисно знати.
Нові семантичні елементи: Як ви, можливо, вже знаєте, семантика є дуже важливою в HTML — ми завжди повинні використовувати для роботи відповідний елемент. У HTML 4.01 ми маємо проблему - так, існує багато елементів для визначення спеціальних засобів, таких як таблиці, списки, заголовки, і т.д., але існує також багато загальних властивостей web-сторінки, які не мають елемента для їх визначення. Уявіть верхні та нижні колонтитули сайту, навігаційні меню і т.д. — досі ми визначали їх за допомогою
Нові властивості форм: HTML 4.01 вже дозволяє створювати зручні, доступні web-форми, але деякі загальні властивості форм є не надто зручними і потребують спеціальних зусиль для реалізації. HTML5 надає стандартизований, простий спосіб реалізації таких властивостей, як вибір дати, повзунки та перевірка клієнтів. Форми HTML5 докладно розглядаються в лекції "Нові властивості форм HTML5".
СокетиWeb: Цей API (визначений у специфікації Сокети Web -http://www.w3.org/TR/websockets/, окремо від специфікації HTML5) дозволяє відкривати постійне з'єднання між сервером і клієнтом на певному порту, і надсилати дані в обох напрямках, доки порт не буде закрито. Це суттєво покращує ефективність додатків web, оскільки дані можуть безперервно та акуратно передаватися між клієнтом та сервером без постійного перезавантаження сторінки, та без постійного опитування сервера, щоб перевірити, чи немає доступних оновлень.
Лекція "Введення в сокети Web" буде гарним початком.
Автономні програмиweb: HTML5 надає ряд властивостей, що дозволяють програмам web виконуватися в автономному режимі. Кеші додатків дозволяють зберегти копію всіх ресурсів та іншихфайлів, необхідних для локального виконання програми Web, і бази даних Web SQL дозволяють зберегти локальну копію даних Web. Спільно вони дозволяють продовжувати використовувати програму, коли відсутня з'єднання з мережею, а потім синхронізують зміни з основною версією на сервері, коли мережа знову стає доступною.
Сховище Web: Cookies надають певною мірою локальне сховище даних, але їх використання досить обмежене. Web сховище HTML5 дозволяє зберігати значно більше даних і робити з ними значно більше. Прочитайте лекцію Шветанка Дикситу "Сховище Web: більш зручне та потужне клієнтське сховище даних", щоб більше про це дізнатися.
Web workers: Загальна проблема, що постає перед додатками web , полягає в тому, що їхня продуктивність страждає, коли потрібно обробити багато даних, у зв'язку з тим, що все відбувається в одній нитці/процесі (тільки одна послідовність обробки може виконуватися зараз). Web Workers пом'якшують цю проблему, дозволяючи створювати фонові процеси до виконання значного обсягу обчислень, дозволяючи основному процесу продовжити виконання інших завдань. Дізнатися більше про Web Workers можна у лекції Деніела Девіса "Web Workers за роботою!".
Геолокація: Специфікація геолокації (http://dev.w3.org/geo/api/spec-source.html) (також не є частиною специфікації HTML5) визначає API , який дозволяє програмі web легко отримати доступ до даних у будь-якому місці, яке стало доступним, наприклад, за допомогою засобів GPS пристрою. Це дозволяє додавати до програм різні корисні властивості, пов'язані з місцезнаходженням, наприклад, виділити контент , який більше підходить для розташування. Щоб отримати спільнеуявлення про можливості геолокації, прочитайте лекцію "Як використовувати API геолокації W3C".
Примітка: CSS3 ВІДПОВІДНО НЕ HTML5, і ніколи не буде. Не дозволяйте відділу маркетингу говорити вам протилежне.
Висновок
На цьому завершується коротке введення HTML5. Будемо сподіватися, що воно буде корисним, і що ви продовжите читання інших зазначених вище статей про HTML5.