HTML5 — наше настоящее и великое будущее!
Сайт посвящён современному языку разметки — HTML5.
Цель сайта: рассказать вам о HTML5 как можно больше.
Ресурс html-5.ru является одновременно энциклопедией, учебником и справочником по языку HTML5, нежели учебником для начинающих по HTML1. Задача сайта заключается в том, чтобы прояснить:
- Что такое HTML5, в современном веб-строительстве?
- Какие технологии начал поддерживать этот язык?
- Какие новые теги появились в HTML5?
- Чем он отличается от языков HTML4 или XHTML?
- Можно ли уже сейчас использовать HTML5?
- и т.п.
Что такое HTML5?
HTML5 — это новая технология в развитии веб-индустрии, предназначенная для эффективного создания мобильных сайтов и приложений. Рассмотрим для начала основные моменты, которым уделяется внимание при создании спецификации языка HTML5.
Во-первых практически всё что сейчас завязано на создание сайтов, стремится к мобильности (адаптивности), т.е. чтобы любой сайт который вы открываете, вы бы могли прочитать, на любом устройстве будь то, компьютер, ноутбук, планшет или смартфон. В этом вам как раз и помогают такие новые технологии как HTML5, CSS3, современный JavaScript (и его библиотеки) и даже новый тренд в веб-дизайне под название Flat-стиль.
Во-вторых одной из важных составляющих HTML5 является семантика, каждый тег отныне будет обладать своей смысловой нагрузкой, а не просто форматировать тот или иной контент. Программы (например поисковые системы) анализирующие сайт построенный на HTML5, должны будут понимать какие данные заключены между тегами, какова их суть и какова их значимость.
В третьих большое внимание уделяется независимости языка HTML от плагинов. Музыка, видео, анимация, игры, со всем этим скоро можно будет работать не загружая на компьютер и в браузер сторонние программы.
В четвёртых, теперь можно прямо в коде использовать микроразметку и те спецификации которые раньше были частью XML, например можно прямо в коде HTML-документа, использовать спецификацию SVG (которая создаёт различные векторные фигуры).
Какие новые технологии появились в HTML5?
В HTML5 появилось много технологий, которые открывают для вебмастера интересные возможности, вот некоторые из них:
- Элемент (тег) canvas, позволяет создавать векторную графику, анимировать её и даже создавать игры. Цель этой технологии, полностью заменить флеш анимацию на сайте.
- Появились новые технологии по хранению локальных данных, которые могут дать больше возможностей для манипуляций с ними, чем при работе с файлами cookies.
- Появилась возможность определять местоположение пользователя geolocation.
- Как уже упоминалось выше теперь можно смотреть видео и слушать музыку, не подключая сторонние плагины к браузеру.
- Другие технологии.
Чем HTML5 отличается от HTML4 и XHTML?
В HTML5, немного изменилась структура кода HTML-документа, например остался лишь один доктайп <!DOCTYPE html>, появились новые теги и атрибуты, семантически разделяющие страницу сайта на верхнюю часть, нижнюю, боковую и основной контент.
Многие теги и атрибуты из HTML4, теперь считаются устаревшими. Но при этом HTML5, сохраняет полную совместимость с предыдущими языками разметки HTML3, HTML4 и XHTML.
В спецификации HTML5 наконец-то отметили, как должны взаимодействовать элементы страницы с языком программирования JavaScript, при использовании технологии DOM. Ибо теперь теги в HTML5 считаются полноценными объектами.
В спецификацию HTML5 добавили описание того, как браузеры должны обрабатывать ошибки встречающиеся в HTML-коде (это важно для разработчиков браузеров). До этого у разработчиков браузеров были лишь описания, как браузер должен обрабатывать правильный код не содержащий ошибок.
Можно ли использовать язык HTML5 уже сейчас?
Да можно! Почти все крупные игроки веб-индустрии перешли на HTML5, поскольку этот язык в полной мере является нашим настоящим и будущим. Все современные браузеры поддерживают язык HTML5.
В заключение
Организации W3C и WHATWG, которые разрабатывают HTML5, решили в будущем не давать нумерации новым версиям языка, отныне и в будущем можно говорить просто HTML, без цифровой идентификации. Новые элементы (теги) и технологии (API) которые появятся у языка, будут просто добавляться в уже существующую спецификацию.
1. http://gabdrahimov.ru/html/ — учебник по html для начинающих
Читать далее: Изменения в коде HTML5
