Войти
s-lub » Учебники » HTML 5 » HTML 5 Введение

HTML 5 Введение

HTML 5 Введение

HTML5 — это новая или точнее сказать доработанная система WEB индустрии, которая значительно расширяет возможности верстки при создании современных интернет ресурсов (сайтов или приложений). Если быть более точным, то HTML 5 добавляет необходимые в современном мире функции к HTML, что позволяет с лёгкостью размещать на сайте различные элементы и сообщать поисковым системам, для чего они предназначены.

В современном мире всё больше пользователей предпочитают сидеть в интернете с помощью мобильных устройств (планшетов или телефонов), а сайты не предназначенные для них становиться очень неудобными для пользователей, в результате происходит очевидное падение посещаемости. HTML 5 позволяет создавать адаптивные дизайны сайтов, которые способны сами подстраиваться под расширение экрана и тип устройства.

По мимо этого в HTML 5 присутствует семантика необходимая в первую очередь для поисковых систем, при правильной семантики Яндекс или Гугл понимает где на сайте шапка, меню, реклама или основная контентная информация. Грамотное распределение семантики является одним из ключевых фактором продвижения сайта, в связи, с чем её значимость становиться очень велика.

Благодаря независимости HTML 5 от плагинов, на сайте стало возможно использовать музыка, видео, анимацию, игры не используя дополнительные расширения для компьютеров, тем самым пользователь не будет ограничен в возможностях вашего сайта из-за своего устройства.

И в заключении стоит отметить, что теперь стало возможным использовать спецификацию SVG, что позволяет создавать различные векторные фигуры и обойтись без многих изображений, что в первую очередь значительно увеличивает скорость загрузки сайта.

Благодаря новым технологиям в HTML 5 для веб-мастеров появились новые возможности позволяющие:
- создавать векторную графику, анимацию и игры без использования флеш инструментов, теперь за это отвечает canvas, о нём мы поговорим в отдельном разделе.

- Появились новые технологии по хранению локальных данных, которые могут дать больше возможностей для манипуляций с ними, чем при работе с файлами cookies.

- стало возможным определения местоположения пользователя, будет полезно при создании интернет-магазинов, что бы определять в каком городе находится потенциальный покупатель и в зависимости от этого предлагать определённые услуги (geolocation).

- подключать к сайтам музыку, игры и видеофайлы не опасаясь, что пользователь не сможет ими воспользоваться из-за не совсем современного устройства (компьютера, планшета или телефона).

Основные отличия HTML 5 от предыдущих версий HTML4 и XHTML?

В первую очередь изменилось написание DTD документа, теперь HTML-документ начинается с <!DOCTYPE html>, что уже значительно прощает работы веб-мастера при синтаксиса документа, появились новые теги и атрибуты к ним, позволяющие разделить сайт на верхнюю, нижнюю, боковую части и основное контент.

Некоторые теги и атрибуты стали устаревшими, но их по прежнему можно использовать.

Теперь теги стали полноценными объектами и элементы страницы могут взаимодействовать с языком программирования jаvascript, при использовании технологии DOM.

Все современные браузеры одинаково воспринимают HTML код.

Организации W3C и WHATWG, которые занимаются развитием HTML 5 решили уйти от нумерации версий и все новые возможности просто будут добавляться в уже существующую спецификацию, что сильно упростит заниматься редизайном проектов и их совершенствованием.

Во всех последующих статьях мы поговорим об этом более подробно и с примерами.


Все статьи по теме HTML 5:

- HTML 5 Введение
- Устаревшие теги и атрибуты HTML 5
- Нововведения в структуру документа HTML 5
- Глобальные атрибуты в HTML 5
- Формы HTML 5
- Воспроизведение аудио файлов в HTML 5
- Воспроизведение видео файлов в HTML 5
- Web worker
- Геолокация в HTML 5
- Drag and Drop
- Кэширование страниц
- Макет шаблона HTML 5 с пояснениями
- Справочник тегов HTML 5

Canvas:

- Canvas вступление
- Применение стилей в canvas
- Оформление текста и изображений в canvas