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


Думаю каждый согласиться с тем, что 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

Реклама
Поделиться
Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!

4 комментария

  1. Инокентий21/10/2015
  2. detroit04/12/2010
  3. Андрей16/08/2010
  4. Anton16/05/2010

Добавить коментарий

9 − девять =