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 — новые возможности”

  • Виктория says:
    http://www.spletnicsa.ru

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

  • Владимир Назаров says:
    http://poleznyy.ru

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

    • Юрий says:
      http://inetmkt.ru

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

  • Андрей says:
    http://vuspehe.org/

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

  • Петрович says:
    http://k-petrovichu.ru/

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

    • Юрий says:
      http://inetmkt.ru

      Спасибо, Петрович, у Вас тоже очень полезный ресурс.

  • Андрей says:
    http://svoya-usadba.com

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

  • Виктор says:
    http://rabota4vsem.ru

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

  • Robert says:
    http://uspex-dlya-vsex.ru

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

  • Татьяна says:
    http://success-csv.ru/

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

  • ВИКТОР и ИГОРЬ says:
    http://goodshelper.ru

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

  • Ксения says:
    http://vkusnyy-recept.ru/

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

  • Лариса says:
    http://esfire7.com/

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

  • InvestProfi says:
    http://invest-profi.com

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

  • Василий says:
    http://exoticminisad.ru/

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

  • Александр says:
    http://warezzona.com

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

  • Евгения says:
    http://pir-gorou.com

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

  • Юрий says:
    http://chaynotown.ru

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

  • ДМИТРИЙ says:
    http://kollca.ru

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

  • Владимир says:
    http://www.vsayty.ru

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

    • Юрий says:
      http://inetmkt.ru

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

  • Владимир says:
    http://www.vsayty.ru

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

  • Елена says:
    http://otsvetax.ru

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

  • Владимир says:
    http://www.vsayty.ru

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

    • Юрий says:
      http://inetmkt.ru

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

  • Dilcejane says:
    http://www.facebook.com/profile.php?id=100003405473243

    This is the ideal answer. Everyone souhld read this

  • Андрей says:
    http://usercomp.com

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

    • Юрий says:
      http://inetmkt.ru

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

      • Андрей says:
        http://usercomp.com

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

        • Юрий says:
          http://inetmkt.ru

          Сегодня нравится, а через полгода-год, захочется что-то новенькое…

  • Василь says:
    http://proscript.org.ua

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

    • Юрий says:
      http://inetmkt.ru

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

  • Сергей says:
    http://agentbeznedvizhimosti.ru/

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

  • Гульнара says:
    http://vkusfoto.ru

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

  • Ольга says:
    http://mokrovaov.ru

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

  • Denchick says:
    http://блог-обычного-школьника.рф

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

    • Юрий says:
      http://inetmkt.ru

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

  • Александр says:
    http://www.sdcvoy.ru/

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

  • Александр says:
    http://semaknet.ru/

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

    • Юрий Силин says:
      http://inetmkt.ru

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

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