HTML5 - новые возможности и развитиеСвое развитие язык 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, на свой компьютер.
На этом закругляюсь, всем успехов, спасибо за внимание.

Комментарии (40) на “HTML5 – новые возможности”

  • Виктория пишет:

    Спасибо за полезную информацию

  • Владимир Назаров пишет:

    Интересно когда появится новая версия html5, а редакторы тоже новые будут, специально для html5?

    • Юрий пишет:

      Я думаю, что редакторы тоже обновят версии, которые и будут работать с новым стандартом.

  • Андрей пишет:

    Посмотрим, что она сможет!Спасибо за информацию!

  • Петрович пишет:

    Да ваши статьи по диагонали не почитаешь, информация интересная и полезная.

  • Андрей пишет:

    Прочел с удовольствием. Написано толково и доходчиво. Видимо за HTML-5 будущее. Спасибо.

  • Виктор пишет:

    Добрый день, Юрий!
    Я тоже как и Вы в прошлом программист и сейчас как бы заново все осваиваю. Поставил ваш сайт в закладки, поскольку вижу профессиональный подход к делу. Буду частенько заходить и оставлять комментарии. Для полезности. Жду и Вас в гости. Спасибо.

  • Robert пишет:

    Хороший сайт,сделано компактно и удобно для пользователей,на странице есть очень интересные статьи! Если Вас интересует тема сотрудничества то пишите.
    Мой сайт http: //uspex-dlya-vsex.ru
    Удачи Вам!

  • Татьяна пишет:

    Хороший материал, надо применить в практике.Спасибо!!!

  • ВИКТОР и ИГОРЬ пишет:

    Язык HTML – довольно неплохой язык. Удачи и успехов вашему сайту!

  • Ксения пишет:

    Очень полезная информация, спасибо!

  • Лариса пишет:

    Я вот тоже обновила Word Press до версии 3.3.1. Отлично все работает! Статья отличная, спасибо!

  • InvestProfi пишет:

    Еще одна полезная статья, спасибо.

  • Василий пишет:

    Прогресс не стоит на месте, теперь главное за ним успеть.

  • Александр пишет:

    Полезная информация, как раз начал изучать HTML

  • Евгения пишет:

    Спасибо за нужную статью.

  • Юрий пишет:

    Очень интересная и полезная статья. Спасибо!

  • ДМИТРИЙ пишет:

    прочитал с интересом!

  • Владимир пишет:

    Юрий а Вы не могли бы поподробнее рассказать о том как атрибуты ссылок использовать, как и другие атрибуты в тег < a> или как-то ещё ? Хотя бы пример с атрибутом скажем author можете привести?

    • Юрий пишет:

      Я не совсем понял вопроса. Могу сказать только, что у каждого тега есть свои атрибуты. У атрибутов для ссылок это, например, открывается в новом окне или в том же, каким цветом отображается открытая ссылка, не открытая, при наведении на ссылку мышью и т.п.

  • Владимир пишет:

    ой простите, предупреждать надо, о том чтобы теги не использовались, я имел ввиду тег ссылки “а”

  • Елена пишет:

    Нужная и полезная информация! Спасибо!

  • Владимир пишет:

    Атрибуты есть, но вот можете мне подсказать как атрибут “author” использовать на примере, я не понимаю до конца его смысл, можете дать пример использования этого атрибута?

    • Юрий пишет:

      Я атрибут author на практике непосредственно на HTML не применял. Мой сайт создан на WordPress. И данные об авторе статьи я там настраиваю через админ-панель. Это довольно просто.

  • Dilcejane пишет:

    This is the ideal answer. Everyone souhld read this

  • Андрей пишет:

    Интересно. Теперь получается что, надо переписывать свой шаблон, чтобы убрать лишний код?

    • Юрий пишет:

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

      • Андрей пишет:

        Нееее. Мне мой нравится, я его целый день чистил от скрытых ссылок и переделывал под себя. Лучше поучиться и сделать шаблон лучше. )

  • Василь пишет:

    Здравствуйте! Такой вопрос: можно ли заставить браузер ИЕ понимать новые теги HTML5?

    • Юрий пишет:

      Я думаю, Василь, что новые версии всех браузеров, не только IE, будут поддерживать новые стандарты HTML. А так его заставить трудно, это же программа, в конце концов, и если она может обрабатывать какие-то данные, то она их обрабатывает, а если нет, не будем же мы модифицировать IE.

  • Сергей пишет:

    Спасибо за полезную информацию!

  • Гульнара пишет:

    Спасибо за статью, очень познавательно.

  • Ольга пишет:

    Очень интересная и полезная статья! Спасибо!

  • Denchick пишет:

    Да, HTML 5 – это бесспорно классная вещь, но ее использовать пока еще нельзя, так как есть же гады, которые на IE 6.0 сидят =) Все портят блин! а там, если кто помнит, HTML 5 не предусмотрен само собой…

    • Юрий пишет:

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

  • Александр пишет:

    Sidebar, тег боковых колонок – да такой тег в HTML5 есть? А я думал, что это тег aside. IE можно заставить понимать новые теги

  • Александр пишет:

    Когда последний раз обновлял Вордпрес, хорошо что копию сделал, верныл всё назад.

    • Юрий Силин пишет:

      Копию при обновлении всегда делать ОБЯЗАТЕЛЬНО!!!
      Иначе могут быть неприятные сюрпризы.

Оставить комментарий

Популярные записи