Введение в HTML5
HTML 5 (англ. HyperText Markup Language 5) — пятая версия одного из главных языков разметки Интернета, HTML. Все уже, наверное, слышали про эту новую спецификацию HTML, но не все знают чем он удобен и какие новшества он несет в себе. Такие нормальные браузеры как Firefox уже поддерживают спецификацию HTML5. Самое офигенское в новом языке разметки – это тэги для вставки видео и аудио <video></video> <audio></audio>.
<video src='movie.mov' autoplay controls> <a href="movie.mov">Ссылка на загрузку видео или другой альтернативный контент если видео не загрузится</a> </video>
Помимо тэгов audio и video, про которые трындят на просторях интернета, есть еще много вкусностей которые включает в себя HTML5.
Доктайп теперь стал более коротким. Cтраница станет меньше весить, а верстальщик сможет сам быстро прописать его.
<! doctype html>
Но это еще не все, в HTML5 продумали структуру документа. Разработчики поняли, что большинство веб-страниц имеют стандартную структуру аля шапка, контент, меню и футер. Встречайте новые тэги для позиционирования шаблонных элементов:
- <header> — заголовок страницы
- <footer> — подвал страницы
- <article> — статья или основной контент
- <aside> — дополнительный контент
- <figure> — определяет картинку, сопровождающую статью
- <nav> — навигация
А как же обстоят дела с формами, ведь это самый важный элемент для отправки данных, формы везде на форумах, блогах, контактах, поисковиках? Я еще не видел серьезных сайтов без форм, и все разработчики как правило вешают свои js валидаторы на эти формы, чтобы пользователь вдруг не ввел что-то не правильно. Так вот, о чем это я – Слава создателям HTML5, наконец появились новые типы для форм, которые были так нужны разработчикам.
- date -дата
- month-месяц
- number-число
- email-мыло
- url-ссылка
Для реализации графиков и рисовасек придумали <canvas> — элемент, который позволяет вам рисовать внутри страницы, используя JavaScript.
Что ж теперь плохие новости для верстальщиков-старожилов – убрали следующие тэги:
- acronym
- applet
- basefont
- big
- center
- dir
- font
- frame
- frameset
- isindex
- noframes
- noscript
- s
- strike
- tt
- u
На этом, наверное, все. Осталось лишь ждать когда HTML5 окончательно доделают и возьмут за единый стандарт веб-страниц.
