Что такое HTML5? Краткий обзор на простом языке

1. HTML5 делает Adobe Flash излишним
2. HTML5 тоже для обычных сайтов
3. HTML5 делает формы более удобными для пользователя
4. HTML5 и SEO
5. заключение

HTML5 - модное слово в интернете. Но что такое HTML5 на самом деле? Какова добавленная стоимость? В этой статье мы объясняем простым языком, что HTML5 может уже означать для вашего сайта.

HTML5 делает Adobe Flash излишним

Видео, онлайн-игры, а также многие веб-сайты и онлайн-приложения ранее были встроены в Adobe Flash. Для просмотра посетителю необходимо было скачать плагин для браузера. Adobe Flash больше не поддерживается на iPhone и iPad. Кроме того, сайты в Adobe Flash трудно понять с помощью поисковых систем, таких как Google. HTML5 является решением для этого.

HTML5 предлагает новые возможности для размещения аудио, видео и для создания интерактивных 3D-сред. Эти параметры еще не поддерживаются в старых браузерах, поэтому в настоящее время все еще необходимо предлагать альтернативную версию в Adobe Flash. Со временем старые браузеры будут заменены, и HTML5 будет лучше поддерживаться.

HTML5 тоже для обычных сайтов

Код веб-сайта указывает в первой строке каждой страницы, какая версия HTML используется. Это правило называется «тип документа». Основываясь на этом правиле, браузер будет интерпретировать остальную часть страницы.

HTML 4.01: <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML5: <! DOCTYPE html>

HTML5 в значительной степени является расширением HTML 4.01. Почти весь HTML-код, который был действителен в версии 4.01, также действителен в HTML 5.

HTML5 делает формы более удобными для пользователя

В html 4.01 количество типов полей формы было ограничено. В HTML5 вы можете указать, ожидается ли адрес электронной почты, URL, номер или дата. Преимущество: мобильные браузеры настраивают клавиатуру на основе этой информации. Вот пример полей ввода www.hayona.nl :

В приведенной выше форме поля «имя» и «организация» являются стандартными текстовыми полями. Поле «Адрес электронной почты» указывается как type = «e-mail». Теперь возьмем iPhone в качестве примера. Если в поле запрашивается адрес электронной почты , iPhone выбирает следующую клавиатуру:

Таким образом, клавиатура адаптируется к типу запрашиваемого содержимого. В случае адреса электронной почты, клавиатура с «@» и «.» символы показаны. Предположим, что в поле запрашивается номер , а затем iPhone выбирает следующую клавиатуру:

Если в поле запрашивается URL-адрес , iPhone выбирает следующую клавиатуру:

Вышеуказанные параметры поддерживаются не всеми браузерами. Но они также не вызывают проблем: например, если тип поля ввода не распознан, он просто возвращается к стандартному текстовому полю. Поэтому это немедленно применимо ко всем вашим сайтам, особенно если вы хотите оптимизировать это для мобильных устройств.

HTML5 и SEO

Четкий HTML-макет важен для того, чтобы сделать ваш сайт доступным для поиска. Заголовки форматируются тегами <h1>, <h2> и т. Д. Заголовок страницы - тегом <title>. Перечисления по тегам <ul> и <li>. И так далее. Эти теги остаются доступными в HTML5.

HTML5 также содержит много новых «тегов», которые можно использовать, чтобы более конкретно указать, какой тип контента используется. Примером является тег <article>. Это указывает на то, что блок содержит сообщение. Это можно использовать, например, на странице обзора с новостями. Эти новые теги в настоящее время имеют точку зрения поисковой оптимизации нет добавленной стоимости еще ,

Если вы хотите сделать исходный код вашего сайта более понятным для поисковых систем, вы можете лучше сосредоточиться на применении микроданных (также называемых Rich Snippets). Эта техника придуман Google в сотрудничестве с Bing и Yahoo! С помощью микроданных вы можете всесторонне предлагать определенную информацию, такую ​​как обзоры, сведения об адресе и людях, поисковым системам.

заключение

HTML5 является хорошим продолжением HTML 4.01. Большинство старых функций остаются доступными, и было добавлено много новых полезных функций. Например, HTML5 является потенциальным преемником Adobe Flash, и формы становятся немного более удобными для пользователя. Многие из новых функций, к сожалению, еще не поддерживаются (особенно) старыми браузерами. Новые HTML-теги также не имеют дополнительной ценности для SEO.

Поэтому HTML5 можно использовать немедленно, чтобы получить доступ к ряду новых функций. Тем не менее, веб-сайты HTML5 в настоящее время будут в основном такими же, как HTML 4.01.

Эта статья была написана Леон Кортевег ,

Похожие

Комментарии