html5

Присяжний Дмитро

MCP

[email protected]

WHATWG (Web Hypertext Application Technology Working Group) - це швидкозростаюче спільнота людей зацікавлених в розвитку Інтернету.

2022 р. – Офіційна рекомендація HTML5. Ian Hickson пояснив, що це дата взята по максимуму і тоді всі браузери повинні будуть підтримувати HTML5 повністю. А десять років готуватимуться тести, без яких нормально написати ядро рендеринга складно.

Основні функції HTML5 можна і потрібно використовувати вже сьогодні, а Браузери їх мали б почати підтримувати до 2012 р.

Відмінність HTML5 від HTML4

<! DOCTYPE html> - повідомляє браузеру, що це файл HTML 5, і, відповідно, браузер буде його інтерпретувати як файл HTML 5.

•Публікація - <article> </ article>•Зона заголовків - <hgroup> </ hgroup>•Різні заголовки - <h1> </ h1> - <h6> </ h6>•Зона вмісту - <section> </ section>•Абзац тексту - <p> </ p>•<time> </ time> - форматування дати і часу.

Основні відмінності HTML 5 від HTML 4 складають:

• Нові правила лексичного розбору;• Нові елементи - section, video, audio, progress,

nav, meter, time, aside, canvas;• Нові типи input-елементів;• Нові атрибути;• Глобальні атрибути - id, tabindex, repeat;• Застарілі елементи прибрані - center, font,

strike.

Крім визначення розмітки, в HTML 5 визначені API. Існуючі інтерфейси DOM розширені, також були додані нові API:•Малювання 2D-картинок в реальному часі;•Контроль над програванням медіа файлів;•Зберігання даних в браузері;•Редагування;•Drag-and-drop;•Робота з мережею;•MIME.

У стандарті пропонується елемент datagrid для організації динамічних структур даних, елемент command для виклику команд користувача, елемент progress - індикатор ходу виконання операції. Для мультимедійного змісту з'явилися елементи audio та video. Область для малювання на сторінці canvas. Засоби DOM для редагування вмісту прямо на веб-сторінці, перетягування, виділення, роботи з буфером обміну і багато чого іншого .

Браузери які не підтримують HTML 5 можуть спокійно ігнорувати елементи.

П'ята версія чітко прописує правила лексичного розбору, щоб різні браузери відображали один і той же результат у разі некоректного синтаксису.

HTML 5 не дозволяє використовувати деякі елементи, але описує, як браузер має на них реагувати.

The attributes below can be used in form elements: onforminput onforminput oninvalid

Events triggered by a mouse, or similar user actions: ondrag ondragend ondragenter

ondragleave ondragover ondragstart

ondrop onmousewheel onscroll

The attributes for media (audio, embed, img, object, video)

onplay onplaying onpause

onvolumechange onloadeddata onerror

onended onprogress onabort

Нові “event” атрибути

Форми

• Autofocus;

• Необов'язкові атрибути;

• Нові поля введення;

• Зв'язка з кількома формами;

• Універсальність control-ів;

• Validation форм.

<a href="#321" rel="bookmark">Перейти до розділу Фрукти</a>

<h1 id="321">Фрукты</h1>

СумісністьIE 8 FF 3.0.15 Opera 10.01 Chrome 3.0.195.33

<article> <hgroup> <section> YES YES YES YES

Styles NO YES YES YES

Forms validation NO NO YES NO

WEB forms 2.0 NO NO YES NO

Запитання?

[email protected]