HTML5 — новые возможности
7 478 просмотровСвое развитие язык HTML начал в 1990 году. Версия HTML4 была внедрена в 1997 году и используется до настоящего времени. И вот свершилось, вышла новая версия – HTML5. Его создатели, разработчики WHATWG ( группа создания Гипертекстовых Прикладных Технологий в Веб), прогрнозируют и надеются на серьезный скачок в его эволюции.
Поскольку версия HTML4 уже не всегда удовлетворяет требованиям сегодняшнего дня, в 2004 году началась работа над новой версией. Работа продолжается, но результаты этих трудов уже начали применять. Люди старались учесть все последние наработки в технологии веб-дизайна.
Возможности веб-дизайна в html5
Какие же преимущества нового стандарта анонсируются его создателями? Это, прежде всего, облегчение самого кода, который станет более компактным. Это должно положительно сказаться на скорости загрузки и качестве получаемых страниц сайта. Учитывая все большее использование мобильных устройств для доступа к интернету, это будет актуально на текущий момент. Да и когда скорость загрузки была неактуальной?
Также необходимо обратить внимание на возможность отображения страниц без использования дополнительных плагинов для браузеров. В частности, просмотр видио возможен исключительно средствами HTML5, без традиционного приложения Adobe Flash Player. Для этого будут использованы теги audio и video. Это хорошо скажется на совместимости и на той же скорости загрузки страниц. Ведь все распространенные браузеры уже поддерживают стандарт HTML5. Функциональность и мультимедиа-возможности нового стандарта не уступают всем наработкам его предшественника, использующего для этого необходимые дополнительные плагины. Разработчики обещают максимально возможную совместимость с устаревшими браузерами, чтобы они могли корректно отображать страницы на новом стандарте.
Оптимизация и структурирование
Можно сказать, что в вопросах оптимизации и структурирования страниц сделан большой шаг вперед, можно даже сказать скачок. Дело в том, что для структурирования добавлены абсолютно новые теги:
— Header, тег заголовка, содержит логотип, наименование, меню
— Sidebar, тег боковых колонок
— Article, тег основного контента страницы
— Section, тег для разбивки текста на части
— Footer, тег нижней части страницы.
При помощи этих тегов очень удобно разбивать страницу на все традиционные части. И эти возможности необходимо максимально использовать веб-дизайнером и сео-оптимизаторам. Эти теги существенно повышают эффективность индексации страниц поисковыми системами. Они будут больше акцентировать внимание на данных в теге Article, содержащим основную информационную часть страницы.
Работа со ссылками
В новом стандарте даны и новые возможности работы со ссылками. Это реализованио за счет использования следующих атрибутов, используемых для описания ссылки.
— author, указывает адрес страницы об авторе
— external, внешняя ссылка
— help, ведет на страницу помощи
— license, ведет на страницу лицензирования
— alternate, указывает альтернативный адрес
— next/prev, ведут на следующие и предыдущие страницы
— nofollow, закрывает ссылки от индексации.
При использовании этих атрибутов улучшается индексация ссылок и уменьшается количество ошибок при индексации.
Этой информацией я делюсь с вами по-горячему. Сам недавно познакомился и теперь осознаю, что нам это может дать. Конечно, возникают вопросы о том, как конкретно и с пользой использовать новый стандарт? Когда и как его будут использовать популярные CMS и, в частности, WordPress? И, самое интересное, как действительно его будут воспринимать поисковые системы? Особенно интересно поведение Яндекса, который всегда отличается своей точкой зрения на большинство вопросов.
Подводя черту, можно сказать, что развитие HTML, это хорошая новость, тем более, что развитие не ограничивается выходом HTML5, а продолжается. И, в будущем, ожидается внедрение новых функций и возможностей.
Для тех, кто хочет разобраться с этой темой более основательно, ниже я привожу пару ссылок. Здесь информация дана в виде справочника по HTML5, расширяйте кругозор с этим стандартом более подробно, если возникнет в этом необходимость.
Ссылка на первый ресурс http://ru.wikibooks.org/wiki/Html5
Ссылка на второй ресурс http://htmlbook.ru/html5
Да, поделюсь еще одной новостью, я обновил версию WordPress до последней 3.3.1. Все прошло на удивление гладко, в отличие от предыдущего обновления, интерфейс немного поменялся, стал поудобнее, мне кажется. Тема у меня, напомню, своя, сделал при помощи программы Artisteer. Конфликтов никаких не возникало, плагины тоже все на месте, не выеживаются. Копию предварительно сделал по FTP, на свой компьютер.
На этом закругляюсь, всем успехов, спасибо за внимание.
Спасибо за полезную информацию
Интересно когда появится новая версия html5, а редакторы тоже новые будут, специально для html5?
Я думаю, что редакторы тоже обновят версии, которые и будут работать с новым стандартом.
Посмотрим, что она сможет!Спасибо за информацию!
Да ваши статьи по диагонали не почитаешь, информация интересная и полезная.
Спасибо, Петрович, у Вас тоже очень полезный ресурс.
Прочел с удовольствием. Написано толково и доходчиво. Видимо за HTML-5 будущее. Спасибо.
Добрый день, Юрий!
Я тоже как и Вы в прошлом программист и сейчас как бы заново все осваиваю. Поставил ваш сайт в закладки, поскольку вижу профессиональный подход к делу. Буду частенько заходить и оставлять комментарии. Для полезности. Жду и Вас в гости. Спасибо.
Хороший сайт,сделано компактно и удобно для пользователей,на странице есть очень интересные статьи! Если Вас интересует тема сотрудничества то пишите.
Мой сайт http: //uspex-dlya-vsex.ru
Удачи Вам!
Хороший материал, надо применить в практике.Спасибо!!!
Язык HTML — довольно неплохой язык. Удачи и успехов вашему сайту!
Очень полезная информация, спасибо!
Я вот тоже обновила Word Press до версии 3.3.1. Отлично все работает! Статья отличная, спасибо!
Еще одна полезная статья, спасибо.
Прогресс не стоит на месте, теперь главное за ним успеть.
Полезная информация, как раз начал изучать HTML
Спасибо за нужную статью.
Очень интересная и полезная статья. Спасибо!
прочитал с интересом!
Юрий а Вы не могли бы поподробнее рассказать о том как атрибуты ссылок использовать, как и другие атрибуты в тег < a> или как-то ещё ? Хотя бы пример с атрибутом скажем author можете привести?
Я не совсем понял вопроса. Могу сказать только, что у каждого тега есть свои атрибуты. У атрибутов для ссылок это, например, открывается в новом окне или в том же, каким цветом отображается открытая ссылка, не открытая, при наведении на ссылку мышью и т.п.
ой простите, предупреждать надо, о том чтобы теги не использовались, я имел ввиду тег ссылки «а»
Нужная и полезная информация! Спасибо!
Атрибуты есть, но вот можете мне подсказать как атрибут «author» использовать на примере, я не понимаю до конца его смысл, можете дать пример использования этого атрибута?
Я атрибут author на практике непосредственно на HTML не применял. Мой сайт создан на WordPress. И данные об авторе статьи я там настраиваю через админ-панель. Это довольно просто.
This is the ideal answer. Everyone souhld read this
Интересно. Теперь получается что, надо переписывать свой шаблон, чтобы убрать лишний код?
Да нет, конечно, ничего переписывать не надо. Все будет происходить эволюционным путем. Браузеры должны уметь распознавать и старый и новый коды. Да и сайты наши в основном на CMS различных, которые тоже будут постепенно развиваться и переходить на новые стандарты. Да и шаблоны на новом стандарте будут появляться.
Нееее. Мне мой нравится, я его целый день чистил от скрытых ссылок и переделывал под себя. Лучше поучиться и сделать шаблон лучше. )
Сегодня нравится, а через полгода-год, захочется что-то новенькое…
Здравствуйте! Такой вопрос: можно ли заставить браузер ИЕ понимать новые теги HTML5?
Я думаю, Василь, что новые версии всех браузеров, не только IE, будут поддерживать новые стандарты HTML. А так его заставить трудно, это же программа, в конце концов, и если она может обрабатывать какие-то данные, то она их обрабатывает, а если нет, не будем же мы модифицировать IE.
Спасибо за полезную информацию!
Спасибо за статью, очень познавательно.
Очень интересная и полезная статья! Спасибо!
Да, HTML 5 — это бесспорно классная вещь, но ее использовать пока еще нельзя, так как есть же гады, которые на IE 6.0 сидят =) Все портят блин! а там, если кто помнит, HTML 5 не предусмотрен само собой…
Ну гадами их называть не стоит, у них или ПК слабенький или грамотности компьютерной не хватает, а это небольшой грех. Постепенно все образуется и HTML5 выйдет на первый план.
Sidebar, тег боковых колонок — да такой тег в HTML5 есть? А я думал, что это тег aside. IE можно заставить понимать новые теги
Когда последний раз обновлял Вордпрес, хорошо что копию сделал, верныл всё назад.
Копию при обновлении всегда делать ОБЯЗАТЕЛЬНО!!!
Иначе могут быть неприятные сюрпризы.