—»     —»   HTML5 – Новая старая семантика
  Раздел: Разное   Нет комментариев  

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

Мы уверены, что вы согласитесь с тем, что HTML – это одно из величайших открытый в мире Веб. HTML, на самом деле, представляет собой камень в фундаменте современного Веб, который сам по себе уже представляет уникальный самодостаточный феномен.

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

Когда 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» тэг определяет шрифт, цвет и размер по умолчанию для документа
* «big» тэг используется для увеличения текста на один размер, его можно использовать в дополнение тэгам «font» или «basefont»
* «center» тэг используется для центрирования текста
* «dir» тэг используется для создания перечня названий каталогов
* «font» тэг указывает шрифт, размер и цвет текста
* «frame» тэг используется для интеграции дополнительного окна в страницу
* «frameset» тэг определяет frameset. Frameset-элемент представляет собой два или более фрейма. Каждый фрейм содержит в себе отдельный документ
* «s» и «strike» применяется для зачеркивания текста
* «tt»-тэг используется для текстов «typetype», или для шрифтов с фиксированной длинной
* «u» используется для подчеркивания текста

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

Большое дело тэга «DIV»

Одной из основных целей HTML5 является замена тэга DIV чем-то принципиально новым. Тэг div из четвертой версии HTML был (и остается) самым основным тэгом во всем HTML, но семантически он немного беспомощен, особенно если речь идет о выделение различных секций структуры веб-страницы. Новые тэги HTML5 такие как: «article», «aside», «nav», «figure», «header» и «footer» будут гораздо удобнее и полезнее, так как этими тэгами можно выделить все самые важные структурные аспекты веб-сайта. Это означает, что вы можете с легкостью перемещаться по коду, даже если не имеете особых навыков в работе с HTML. И это еще не брав в оборот то, что поисковые системы будут просто в восторге от такой опрятной структуры веб-сайтов.

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

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

И опять же, мы пытаемся сказать, что, так как, HTML5 выглядит достаточно круто, нужно приложить достаточно усилий и даже немного поколдовать, чтобы предсказать то, что может быть достигнуто в течении 5 следующих лет. Сегодня эти несколько новых тэгов и подход к семантическому аспекту по правде ведут к потрясающим результатам, которые нравятся почти всем. И не нужно забывать, что вещи изменились для нас так, чтобы мы могли получить от них гораздо больше. Мы успешно пользуется новыми функциями, мы – огромное веб-коммьюнити, которое дополняет и совершенствует все нововведения, когда все простое новое становится новым и очень полезным.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: HTML 5
Опубликовал Mysterious Master   Прочитано (раз): 6667   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2020    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031