Інтернет = комп'ютер
 
Останні записи
  •  

    Новації HTML 5


    В статті ми розглянемо нововведення і зміни HTML 5, і подивимося, що з цього вже працює в новітніх браузерах.

    Новий доктайп і спосіб вказівки кодування в HTML 5

    На відміну від тих, що існують громіздких доктайпов, оголошення 5-ій версії коротке і лаконічно:

    span! doctype html/span

    Це пов'язано з тим, що HTML 5 більше не є частиною SGML, тепер це самостійна мова розмітки.

    Оголошення кодування в HTML 5 так само прітерпело зміни. Виглядає воно тепер от так:

    span span meta/span span charset= span Utf-8/span/span/span

    Нова структура в HTML 5

    HTML 5 має на увазі, що сторінка завжди має структуру, порівнянну із структурою книг або XML документів. Зазвичай, у веб-сторінки є навігація, основний контент, другорядний контент (частіше в сайдбаре), заголовки, футери і так далі. Для кожного такого елементу в HTML 5 є свої теги:

    section — для якихось частин сторінки;

    header — заголовок сторінки;

    footer — футер сторінки;

    nav — навігація;

    article — стаття або основний контент;

    aside — додатковий контент;

    figure — визначає картинку, супроводжуючу статтю (типу як у нас до кожної статті).

    Нові рядкові елементи в HTML 5

    Ці елементи визначають основні семантичні об'єкти сторінки:

    mark — указує на елемент, який взаємодіє з якоюсь функцією;

    time — виділяє дату або час;

    meter — які-небудь метричні дані або характеристики;

    progress — показує процес виконання завдання (функції, наприклад).

    Нова підтримка динамічних сторінок в HTML 5

    HTML 5 створювався під динамічні сторінки, тому в нім багато можливостей для розробників:

    контекстне меню — створення і використання контекстних меню усередині сторінок;

    аттрібут href більше не є обов'язковим, що дозволяє використовувати тег а для скриптів без необхідності виставляти якорі;

    аттрібут async тега script — указує браузеру, що завантажувати цей скрипт слід асихронно; браузер не гальмує завантаження сторінки, скрипт вантажитися вже після завантаження сторінки;

    details — докладніша інформація від якомусь елементі;

    datagrid — створює таблицю, яка будується виходячи з даних з бази або іншого динамічного джерела (яка-небудь оновлювана статистика);

    menu для створення системи меню;

    command визначає дії, які повинні трапитися при активації якогось елементу.

    Нові типи полів форм в HTML 5

    HTML 5 як і раніше підтримує всі основні типи полів форм, додавши при цьому і деякі нові:

    datetime

    datetime-local

    date

    month

    week

    time

    number

    range

    email

    url

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

    Ось лише деякі нові елементи, додані в HTML 5:

    canvas — елемент, який дозволяє вам малювати усередині сторінки, використовуючи Javascript; як ви знаєте, багато сучасних js бібліотек і скрипти використовують цей тег для графіків;

    video дозволить вам вставити відеоролик в сторінку за допомогою одного тега.

    audio — для аудіо.

    При цьому з HTML 5 зникли деякі теги

    В новій специфікації більше немає деяких тегов — деякі з них самі по собі вже застаріли і мало, хто їх використовує. Але, були так само видалені і деякі досить популярні теги. Ось повний список:

    acronym

    applet

    basefont

    big

    center

    dir

    font

    frame

    frameset

    isindex

    noframes

    noscript

    s

    strike

    tt

    u

    Що вже працює в браузерах

    Як я вже сказав, багато браузери вирішили не чекати офіційного виходу HTML 5 (як і CSS 3) і вже почали упроваджувати деякі з описаних фіч в останні версії своїх продуктів.

    Автор даної статті - Адміністратор проекту для початкуючих програмістів (Uprogram. Ru), який носить ник webdoktor.


    безпека | прибуток | бізнес | інтернет | блоги рунета