Html5
Upcoming SlideShare
Loading in...5
×
 

Html5

on

  • 1,484 views

What's new in HTML5.

What's new in HTML5.

Statistics

Views

Total Views
1,484
Views on SlideShare
1,474
Embed Views
10

Actions

Likes
0
Downloads
10
Comments
0

2 Embeds 10

http://msug.vn.ua 9
http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Html5 Html5 Presentation Transcript

  • Присяжний Дмитро MCP [email_address] Нові можливості за допомогою: HTML5
    • 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 не дозволяє використовувати деякі елементи, але описує, як браузер має на них реагувати.
  • Нові “event” атрибути onabort onprogress onended onerror onloadeddata onvolumechange onpause onplaying onplay The attributes for media ( audio, embed, img, object, video ) onscroll onmousewheel ondrop ondragstart ondragover ondragleave ondragenter ondragend ondrag Events triggered by a mouse, or similar user actions: oninvalid onforminput onforminput The attributes below can be used in form elements:
  • Форми
    • Autofocus ;
    • Необов'язкові атрибути ;
    • Нові поля введення;
    • Зв'язка з кількома формами;
    • Універсальність control- ів;
    • Validation форм.
  • <a href= &quot;#321&quot; rel= &quot;bookmark&quot; > Перейти до розділу Фрукти </a> <h1 id= &quot;321&quot; > Фрукты </h1>
  • Сумісність NO YES NO NO WEB forms 2.0 NO YES NO NO Forms validation YES YES YES NO Styles YES YES YES YES <article> <hgroup> <section> Chrome 3. 0.195.33 Opera 10.01 FF 3.0.15 IE 8
  • Запитання? [email_address]