HTML5 – новые старые семантики

16-03-2010 » Веб-дизайн (Веб-дизайн) Комментарии (3)

Думаю каждый согласиться с тем, что HTML - это самое большое вэб изобретение всех времен. Язык гипер разметки текста HTML (hyper text markup language) действительно является краеугольным камнем современного вэба, что представляется уникальным и самодостаточным явлением.
В начале создания HTML5, разработчики столкнулись с несколькими важными вопросами которые должны были быть решены с помощью HTML5. Одним из таких вопросов было создание очень точной и расширяемой семантики. Семантика — наука о понимании определённых знаков, последовательностей символов и других условных обозначений. Но дело в том, что и старые версии HTML также разрабатывались с расчётом на универсальность, загрузкой различных тэгов, которые считались абсолютно необходимыми, но в конце концов показали себя абсолютно бесполезным. В HTML5 такой подход был изменён в соответствии с требованиями сегодняшнего интернета.

Новые тэги HTML5

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

• <article> тэг определяет статью
• <aside> тэг определяет контент вне контента страницы
• <audio> тэг определяет аудио контент
• <canvas> тэг определяет гафику
• <command> тэг определяет коммандную кнопку
• <datalist> тэг определяет выпадающий список
• <details> тэг определяет детали элемента
• <dialog> тэг определяет диалог
• <embed> тэг определяет внешний интерактивный контент или плагин
• <figure> тэг определяет группу медиа контента, и его заголовки
• <footer> тэг определяет футер (подвал) для секции или страницы
• <header> тэг определяет заголовок для секции или страницы
• <hgroup> тэг определяет информацию о секции в документе
• <keygen> тэг определяет генерируемый ключ в форме
• <mark> тэг определяет отмеченный текст
• <meter> тэг определяет измерения внутри определенного диапазона
• <nav> тэг определяет навигационные ссылки
• <output> тэг определяет некоторые типы для вывода
• <progress> тэг определяет прогресс процесса любого рода
• <rp> тэг используется для Ruby аннотаций, и определяет что показывать браузерам, которые не поддерживают элементы ruby
• <rt> тег определяет объяснения Ruby аннотаций.
• <ruby> тег определяет Ruby аннотации.
• <section> тег определяет секции
• <source> тег определяет медиа ресурсы
• <time> тег определяет дату/время
• <video> тег определяет видео

Будем надеяться, что все эти таги будут действительно использоваться и станут полезными.

Исцеление HTML5 – Старые тэги, давно устаревшие…

Момните ли Вы те старые добрые времена, когда HTML3 был сродни чуду и был виден только в старом добром Netscape? Да, это было на заре Интернета, когда даже слово Интернет писалось в редких журналах английскими буквами. Конечно мы никогда не должны забывать прошлого, но это нормально, когда приходит время и я должен сказать прощай некоторым добрым вещам (особенно если они не были по настоящему хороши и теперь их никто не вспоминает).
Так, разработчики HTML5 вспомнили некоторые из тех давних тэгов, которые только технари и помнят, и потому как эти тэги так давно устарели, они исключили их из новой спецификации HTML, за что и нужно поблагодарить разработчиков HTML5.

Эти тэги так давно устарели, что подростки думают, что их использовал ещё Шекспир в своих сонетах. И всёже посмотрите последний раз на следующие архаичные тэги, которые увидеть можно будет лишь в интернете в HTML музеях (а кстати, есть ли такие музеи?):

• <acronym> тэг определяет акроним
• <applet> тэг определяет встроенные аплет
• <basefont> тэг определяет цвет, размер и имя шрифта по умолчанию для всего текста, и может быть связан с <font>или <basefont> размером, если указан один из них. Обязательным атрибутом является size, который может принимать значения от 1 до 7 (по умолчанию он равен 3) .
• <center>тэг используется для центрирования текста по горизонтали.
• <dir> тэг используется для для листинга названий каталога.
• <font> тэг определяет цвет, размер и имя шрифта по умолчанию для текста.
• <frame> тэг определяет одно осебое окно (фрэйм) внутри структуры фреймов (frameset).
• <frameset> тэг определяет структуру фреймов. Элемент frameset содержит два или более фремов. Каждый фрейм содержит отдельный документ.
• <s> и <strike> тэг определяет перечеркнутый текст.
• <tt> тэг определяет моноширинный текст, или фиксированный по ширине шрифт печатной машинки.
• <u> тэг определяет подчёркнутый текст.

Большинство из этих тэгов устарели (хотя некоторым из Вас могут показаться слега похожими на универсальные новые). Некоторые из этих тэгов использовались в самых ранних версиях популярных браузеров, но сегодня большинство из них попросту безполезны, и некоторые из них могут быть заменены функциями CSS.

О тэге <DIV>

Замена тэга <div> на новый тэг стало одним из главных достижений HTML5 с точки зрения семантики. Тэг HTML4 <div> был и всё ещё остаётся одним из основных тэгов используемых в коде HTML, но семанически он слаб и фактически бесполезен когда он используется для определения различных секций и областей в структуре сайта. Новые тэги HTML5, такие как <article>, <aside>, <nav>, <figure>, <header>, <footer> – будут намного более полезными и удобными, потому, что эти тэги дают возможность определить все главные части сайта и прояснить основную структуру. Это значит, что Вы можете легко ориентироваться в коде, даже если Вы не очень опытный кодер – не говоря уже о том, что поисковые машины будут безума от страниц которые так удобно структурированы.

Итак что мы имеем?

Сейчас много дискусий о новых тэгах и их семантических значениях и некоторые люди заявляют, что семантика и визуальное представление не имеют ничего общего – потому, что семантика подразумевает более сложное кодирование и создаёт почву для новых разногласий по HTML. Но многие надеются, что новые тэги как и семантика HTML5 в целом направлена на увеличение уровня коммуникации и взаимодействия между вэб аудиторией и технологиями, и это позволит вэбу развиваться дальше.

по материалам TemplateMonster