HTML5. Введення

Курс по основам HTML | CSS. W3Schools українською. Уроки для початківців



Що таке HTML5?

HTML5 - діюча версія мови HTML. До складу робочої групи з HTML5 увійшли AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera та кілька сотень інших виробників.

Існує деяка плутанина щодо версійності, оскільки існують дві незалежні групи розробників - WHATWG та W3C.

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

Ці дві групи працювали в тандемі, в WHATWG писали специфікації в режимі «живого стандарту» («Living Standard»), а в W3C брали ці специфікації як «знімки», й впроваджували їх у чіткі версії своєї специфікації. Група W3C працювала значно повільніше, бо необхідно було забезпечувати вимоги більшого спектра користувачів, а не тільки веб-браузерів.

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

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


Що нового в HTML5?

Оголошення DOCTYPE для HTML5 дуже просте:

<!DOCTYPE html>

Оголошення кодування символів (charset) також дуже просте:

<meta charset="UTF-8">

HTML5 приклад:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>
Спробуйте самі! »

Кодування символів за замовчуванням в HTML5 - це UTF-8.


Нові елементи в HTML5

Найбільш цікавими є нові HTML5 елементи: 

Нові семантичні елементи, такі як <header>, <footer>, <article> та <section>.

Нові атрибути елементів форми, такі як number, date, time, calendar та range.

Нові графічні елементи: <svg> та <canvas>.

Нові мультімедіа елементи: <audio> та <video>.

В наступному розділі HTML5 Підтримка браузерами ви дізнаєтесь, "як навчити" старі браузери обробляти "невідомі" для них (нові) HTML елементи.


Нові HTML5 API (інтерфейси прикладного програмування)

Найбільш цікавими є нові API в HTML5:

Порада: Локальне сховище є потужною заміною для файлів cookie.


Видалені елементи в HTML5

В HTML5 видалено такі елементи HTML4:

Видалено елемент Використовують замість цього
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS, <s> або <del>
<tt> CSS

В розділі HTML5 Міграція з HTML4 ви дізнаєтеся, як легко перейти з HTML4 на HTML5.


HTML Історія. Як це було?

З перших днів існування Всесвітньої павутини існує багато версій HTML:

Рік Версія
1989 Tim Berners-Lee винайшов www
1991 Tim Berners-Lee винайшов HTML
1993 Dave Raggett розробив HTML+
1995 Робоча група HTML розробила HTML 2.0
1997 W3C Рекомендація: HTML 3.2
1999 W3C Рекомендація: HTML 4.01
2000 W3C Рекомендація: XHTML 1.0
2008 WHATWG HTML5 Перший публічний проект
2012 WHATWG HTML5 Living Standard (Живий стандарт)
2014 W3C Рекомендація: HTML5
2016 W3C Кандидат рекомендації: HTML 5.1
2017 W3C Рекомендація: HTML5.1 2nd Edition
2017 W3C Рекомендація: HTML5.2

З 1991 по 1999 рік HTML розроблявся з версії 1 до версії 4. 

У 2000 році Консорціум Всесвітньої павутини - World Wide Web (W3C) - рекомендував XHTML 1.0. Синтаксис XHTML був строгим, і розробники були змушені писати валідний і "добре сформований" код.

У 2004 році група W3C вирішила закрити розробку HTML на користь XHTML.

У 2004 році була сформована WHATWG (Web Hypertext Application Technology Working Group - Робоча група веб-технологій із застосування гіпертексту). WHATWG хотіла розробити HTML, узгоджений з тим, як використовувався веб-сайт, коли він був сумісний зі старими версіями HTML.

У 2004 - 2006 роках компанія WHATWG отримала підтримку від основних виробників браузерів.

У 2006 році група W3C оголосила про підтримку WHATWG.

У 2008 році був випущений перший публічний проект HTML5.

У 2012 році WHATWG і W3C прийняли рішення про поділ:

WHATWG хотіла розробити HTML як "Living Standard" ("Живий Стандарт"). "Living Standard" завжди оновлюється та вдосконалюється. Можна додати нові функції, але стару функціональність не можна видалити.

WHATWG HTML5 Living Standard був опублікований у 2012 році і постійно оновлюється.

Група W3C хотіла розробити остаточний стандарт HTML5 і XHTML.

W3C HTML5 Рекомендацію було випущено 28 жовтня 2014 року.

W3C HTML5.1 2nd Edition Рекомендацію було випущено 3 жовтня 2017 року.

W3C HTML5.2 Рекомендацію було випущено 14 грудня 2017 року.


Примітка: Отримати актуальну і більш повну інформацію про "Living Standard" WHATWG та діючі Рекомендації W3C ви завжди можете на офіційних сайтах WHATWG та W3C.



warning

Не викладайте свій код безпосередньо в коментарях, він відображається некоректно. Скористайтесь такими сервісами, як jsfiddle.net, codepen.io, liveweave.com, jsbin.com, збережіть код на будь-якому з цих сервісів і в коментарях дайте на нього посилання. Так буде видно і код, і результат.