sonyps4.ru

Все теги и атрибуты html5 с описанием. Справочник тегов HTML

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

Обратите внимание, что начиная пятой версии язык HTML5 представлен не просто как язык структурирования, но и как язык представления, что отражено в семантической верстке, т.е. HTML теперь используется в новом качестве.

Принятие стандарта HTML5 привело к уменьшению разброса существующих технологий верстки. Так, до данного стандарта повсеместно использовались версии 4.01 HTML и стандарты XHTML 1.0 и 1.1, в результате чего страницы были представлены смесью данных технологий, что усложняло работу браузера по интерпретации страниц.Для стандарта HTML5 введен новый doctype:

Рассмотрим основные изменения которые следует учесть в первую очередь:

  • согласно HTML5, язык html является независимым от регистра символов, поэтому теги можно писать с любыми сочетаниями строчных и прописных букв: , , — данные написания являются правильными и равнозначными.
  • html5 объединяет две технологии html и xhtml, как следствие устраняется возможность смешанных правил написания кода. Если раньше можно было встретить написания непарных тегов:
    так и

    так и

    то в стандарте html5 правильным написанием является:

  • Изменения в тегах: устаревшие и адаптированные элементы

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

    Гиперссылка

    Пример

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

    Одним из самых популярных вопросов начинающих верстальщиков является: «Как сделать гиперссылку на блоке div? ». И чаще всего отвечали: «Используйте JS». Как видно из примера, в HTML5 можно просто вложить внутрь гиперссылки нужные блоки.

    Теги и

    В HTML 5 были возвращены теги (делает шрифт жирным) и (курсив). В современной интерпретации, данные теги служат только для визуального оформления и не несут смысловой нагрузки.

    Тег small

    Тег использовался в предыдущих версиях для задания размера шрифта, меньше чем основной текст (антиподом ему был тег big – который увеличивал размер шрифта). Разные отображения в различных браузерах привели к вытеснению данного элемента тегом span, который значительно удобнее в использовании.

    В HTML5 тег был возвращен, однако его интерпретация изменилась, теперь он используется для оборачивания текста, который должен быть на странице, однако не должен отвлекать внимания от основного содержимого, и быть как можно менее заметным. Аналог – текст по сноскам, или различные условия акций. Визуально также уменьшает размер шрифта текста, который оборачивает.

    Тег address

    В отличие от предыдущих версий HTML в пятой редакции используется только для указания контактных данных автора материалов. Не используйте тег для указания контактных данных на сайте организации (для этого следует применять микроформаты и микроданные).

    Как уже упоминалось, в рамках данного урока невозможно рассмотреть все изменения в тегах, выше мы рассмотрели адаптированные теги, теперь перечислим устаревшие:

    • , заменены тегом (используется для внедрения объектов);
    • — заменили тегом (используется для аббревиатур);
    • — заменили тегом (для внедрения проигрывателя в страницу);
    • — заменили на ;
    • , — заменили на теги И (для вставки листингов программ и кодов);
    • — заменили на

    Свойства форматирования текста , , , — убрали, вместо них следует использовать CSS для оформления.

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

    HTML 5 и CSS 3 добавили в верстку огромное количество новых тегов и свойств. Посмотрите возможности анимации с новыми CSS 3 свойствами.

    Здравствуйте гости данного блога и мои верные подписчики. С таким скоростным развитием технологий, науки и программирования, как это можно наблюдать сегодня, неудивительно, что запросы потребителей растут. А это значит, что рано или поздно появляются усовершенствованные версии программ, оборудования и главное языков.

    Прочтение статьи даст вам четкое понимание границ между html и html 5. К тому же вы сможете оперировать полученными знаниями и верстать все свои сайты уже используя теги html 5.

    Я хочу посвятить данную публикацию обсуждению html 5. Мы разберем с вами главные особенности платформы, новые элементы языка и их отличие от старых, а также рассмотрим конкретные примеры кода. А теперь перейдем непосредственно к самому соку!

    Главнокомандующий разметкой сайтов, знаменитый html

    После прочтения , а также других источников айтишной тематики я думаю, что с уверенностью могу назвать вас «гуру-мастерами». Ведь вам не составит никакого труда рассказать, что из себя представляет язык html и для чего он был создан. Вы молодцы!

    Новичкам же в данной области знаний не стоит волноваться. Я специально повторю главные определения.

    Итак, для начала стоит запомнить, что html – это язык разметки гипертекста, т.е. текста, в котором содержатся связанные между собой элементы текстового, видео- , аудио- и графического форматов. Данный инструмент необходим для оформления структуры сайтов, форматирования внешнего вида страниц и указания расположения объектов на ней.

    Для управления контентом сайта используются теги языка. Что же означает «тег» и для чего он нужен?

    Тег – это единица языка разметки, которая способствует заданию на странице сайта определенного отображения конкретного объекта, а также указания его вида (ссылка, картинка и другое).

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

    Каждый элемент обсуждаемого веб-языка имеет свой набор атрибутов. «Еще один термин? А он для чего нужен?» – спросите вы. Увы, но без терминологии никак.

    Атрибуты нужны для расширения спектра возможностей отдельного тега, а также для более гибкого управления внешним видом контейнеров. Безусловно, элементы языка разметки спокойно могут существовать и без определения атрибутов. Тогда будет задавать им форматирование по умолчанию.

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

    Одиночные теги
    В данном примере представлен одиночный тег meta, который содержит в себе неотображаемую в браузере информацию. Charset, name и content – это атрибуты элемента, отвечающие соответственно за кодировку документа, наименование метатега и установку значения, заданного до этого в имени.
    Тег отвечает за отображение графических файлов на страницах веб-ресурсов. При помощи атрибута src задается путь к самой картинке, width задает ширину объекта, а height – высоту, alt предназначен для вывода альтернативного текста в случае невозможности загрузить изображение.
    Парные теги
    Как правильно приготовить запеканку? Тег создает анкор (т.е. ссылку). В href указывается адрес файла, на который произойдет переход, target задает, как именно будет загружаться открытая ссылка (в данном примере она откроется в новой вкладке), title отвечает за всплывающую подсказку при наведении на анкор.
    Близкий родственник языка html

    Как уже рассказывалось в предыдущих моих статьях, не стоит путать html и html 5. Html 5 хоть и в каком-то смысле «родственник» html, но это совершенно новая платформа, основная задача которой поддерживать аудио- и видеофайлы, анимации, отображение геолокаций и многое другое.

    Данная спецификация оснащает веб-страницы новыми возможностями и сообщает DOM (объектная модель документа) о наличии новых объектов на ней. Это ускоряет работу загрузки страницы и упрощает работу браузеров.

    Огромным преимуществом для разработчиков является то, что с появлением html 5 ничего переучивать не нужно. Он поддерживает все теги html 4 и дополняет их современными. Добавлю также к этому еще один положительный факт. С появлением таких элементов, как и , отпала необходимость использовать устаревшие теги поддержки мультимедиа. К ним относятся: , , , и другие.

    А теперь я хочу перечислить основные теги спецификации, к которым относятся article, aside и другие, а также описать для чего они были созданы.

    Семантические теги

    С появлением платформы html 5 появились и семантические теги. Сейчас простым языком объясню, что это такое.

    Ранее при написании веб-сервисов с удобным интерфейсом и выделением шапки сайта, его основной части и «подвала» (место внизу страницы для дополнительной информации или указания авторства) использовалась блочная верстка при помощи div-ов.

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

    Эти элементы всего лишь стандартизируют основные единицы сайта едиными для всех ресурсов наименованиями тегов. К ним относятся , и . отвечает за определение на сайте его заголовка или заголовка текста, – за «подвал» внизу интернет-страницы, а – за навигацию сайта.

    Для усвоения материала хочу, чтоб вы опробовали практический пример:

    Ваш сайт Блог для айтишников

    • Пункт меню 1
    • Пункт меню 2
    Заголовок публикации

    Текст первой статьи

    Copyright любимый блогер

    Данный пример показывает удобство структурирования кода при помощи html 5. Хочу отметить, что на сегодняшний день уважающие себя разработчики используют в своих веб-ресурсах спецификацию html 5 и css3. Они улучшают взаимодействие браузера с

    HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.

    Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.

    Все HTML-элементы делятся на пять типов:

    • пустые элементы — , ,
      , , , , , ,
      Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта.

      Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов.

      В HTML5 для структуры кода введено несколько новых тегов: , , , , , которые заменяют в некоторых случаях привычный . Хотя кажется, что особой разницы между тегами и нет, между ними лежит огромная пропасть. Теги ориентированы не на людей, которым нет смысла заглядывать в исходный код страницы, а на машины, интерпретирующих код. Машины или роботы не понимают , для них это типовой тег разметки - замени его на и смысл не поменяется. Другое дело , робот, обнаружив этот тег, воспринимает его именно как шапку сайта или раздела.

      Что это даёт в итоге? Поисковые системы начинают лучше индексировать сайт, потому что чётко отделяют контент страницы от вспомогательных элементов. Речевые браузеры, предназначенные для слепых людей, пропускают заголовок и переходят непосредственно к содержимому. Сайты могут автоматически обмениваться контентом и другой информацией между собой. Все эти возможности называются семантикой и позволяют представить данные в удобном для роботов виде.

      Давайте для начала сделаем шапку сайта с помощью тега (пример 6.2).

      Пример 6.2. Использование

      Попытка добавить в стилях фон к тегу ни к чему не привела, фон в некоторых браузерах отображаться не желает. Все новые теги следует сделать вначале блочными через свойство display , тогда они начнут корректно выводиться (пример 6.3).

      Пример 6.3. Шапка сайта

      HTML5 CSS 2.1 IE 7+ IE 9+ Cr Op Sa Fx

      header { display: block; background: #00B0D8 url(images/header-gradient.png) repeat-x; }

      Данный пример будет работать во всех браузерах, кроме IE7 и IE8. Internet Explorer не добавляет стиль к элементам, которые не понимает. Это недоразумение можно исправить, если создать фиктивный элемент с помощью JavaScript. Для этого включим в такой код.

      document.createElement("header");

      Если на странице встречается один тег, этот скрипт вполне подойдёт для работы. Но не хочется повторять строку десять раз для десяти разных тегов, поэтому автоматизируем этот процесс через цикл. Сами теги указываются списком, разделяясь запятой (пример 6.4).

      Пример 6.4. Скрипт для IE

      var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(","); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); }

      Сам скрипт заключается в условные комментарии, чтобы выполнялся только для IE версии 8.0 и ниже. В IE9 поддержка новых тегов HTML5 уже включена.

      Пример выше не обязательно вставлять к себе на сайт, можно воспользоваться общедоступным скриптом написанным Реми Шарпом и распространяемым по лицензии MIT. Для этого достаточно указать на него ссылку, как показано в примере 6.5.

      Пример 6.5. Скрипт для IE

      Все указанные скрипты должны располагаться в коде перед CSS.

      Таким образом, для полноценного использования тегов HTML5 во всех браузерах достаточно выполнить три условия:

    • установить доктайп ;
    • включить скрипт из примера 6.4 или 6.5;
    • в стилях для новых тегов установить display : block .
    • Теперь рассмотрим некоторые теги HTML5 более подробно, чтобы понять область их применения.

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

      HTML5 IE Cr Op Sa Fx

      article Следы невиданных зверей История о том, как возле столовой появились загадочные розовые следы с шестью пальцами, и почему это случилось.

      Определяет блок, который не относится к основному контенту, для размещения рубрик, ссылок на архив, меток и другой информации (пример 6.7). Такой блок, если он располагается сбоку, называется, как правило, «сайдбар» или «боковая панель».

      Пример 6.7. Использование

      HTML5 IE Cr Op Sa Fx

      aside document.createElement("aside"); document.createElement("article"); aside { background: #f0f0f0; /* Цвет фона */ padding: 10px; /* Поля */ width: 200px; /* Ширина сайдбара */ float: right; /* Обтекание слева */ } article { margin-right: 240px; /* Отступ справа */ display: block; /* Блочный элемент */ }

      Экономьте электричество

      Хороший язык

      Чья палка больше

      История о том, как приходилось экономить электричество, какие меры для этого принимались, и куда оно на самом деле уходило.

      Используется для группирования любых элементов, например, изображений и подписей к ним (пример 6.8).

      Пример 6.8. Использование

      HTML5 IE Cr Op Sa Fx

      figure document.createElement("figure"); document.createElement("figcaption"); figure { background: #5f6a72; /* Цвет фона */ padding: 10px; /* Поля вокруг */ display: block; /* Блочный элемент */ width: 150px; /* Ширина */ float: left; /* Блоки выстраиваются по горизонтали */ margin: 0 10px 10px 0; /* Отступы */ text-align: center; /* Выравнивание по центру */ } figcaption { color: #fff; /* Цвет текста */ }

      Софийский собор

      Польский костёл

      Содержит описание для тега . Тег должен быть первым или последним элементом в группе.

      Задаёт «подвал» сайта или раздела, в нем обычно располагается имя автора, дата документа, контактная и правовая информация (пример 6.9).

      Пример 6.9. Использование

      HTML5 IE Cr Op Sa Fx

      footer Персональный сайт Кристины Ветровой Добро пожаловать!

      Рада приветствовать вас на своем сайте.

      Copyright Кристина Ветрова

      Определяет «шапку» сайта или раздела.

      Используется для группирования заголовков веб-страницы или раздела (пример 6.10).

      Пример 6.10. Использование

      HTML5 IE Cr Op Sa Fx

      hgroup Кристина Ветрова Персональный сайт

      Задаёт навигацию по сайту (пример 6.11). Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов в документе. Запрещается вкладывать внутрь .

      Пример 6.11. Использование

      HTML5 IE Cr Op Sa Fx

      nav Чебурашка и крокодил Гена Чебурашка | Гена | Шапокляк | Лариска Добро пожаловать!

      Определяет раздел документа, который может включать в себя заголовки, шапку, подвал и текст (пример 6.12). Допускается вкладывать один тег внутрь другого.

      Пример 6.12. Использование

      HTML5 IE Cr Op Sa Fx

      section Съёмки фильма Полипропилен

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

      Хороший язык

      История о том, как проходила студия изучения языка эсперанто, в то время, как над ней, на веранде велась студия приколистов, где травились анекдоты, и что из этого получилось.

      Помечает текст внутри тега как дата, время или одновременно дата и время. Может указываться непосредственно внутри контейнера , либо задаваться через атрибут datetime (пример 6.13).

      Дата и время задается в международном формате ISO 8601. Примеры оформления приведены в табл. 6.1.

      Для каждой единицы существует своя заданная форма и ограничения.

      • Год — задается четырьмя цифрами (1860).
      • Месяц — две цифры (01 — январь, 02 — февраль, 12 — декабрь).
      • День — две цифры от 01 до 31.
      • Час — две цифры от 00 до 23.
      • Минуты — две цифры от 00 до 59.
      • Секунды — две цифры от 00 до 59.
      • Часовой пояс — часы и минуты с указанием знака плюс или минус.

      Дата и время разделяются между собой заглавной латинской буквой T. Часовой пояс при необходимости пишется после времени со знаком плюс или минус. К примеру, для Москвы часовой пояс будет +03:00.

      Пример 6.13. Использование

      HTML5 IE Cr Op Sa Fx

      time

      1957-10-04 запущен первый искусственный спутник Земли.

      1960-08-19 первый полёт собак в космос.

      1961-04-12 первый полёт человека в космос.

      1963-06-16 первый полёт женщины-космонавта.

      1969-07-21 высадка человека на Луну.

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

      Всего насчитывается более ста элементов разметки. Каждый имеет ряд атрибутов и собственный синтаксис. Справочник по тегам HTML поможет быстрой найти нужный вам элемент.

      Список тегов HTML

      Ниже в таблице представлен список тегов HTML5 с кратким описанием на русском языке.

      Тег для создания таблицы.
      Определяет тело таблицы.
      Создает ячейку таблицы.
      Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом.
      Создает большие поля для ввода текста.
      Определяет нижний колонтитул таблицы.
      Создает заголовок ячейки таблицы.
      Определяет заголовок таблицы.
      Определяет дату/время.
      Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
      Создает строку таблицы.
      Добавляет субтитры для элементов и .
      Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
      Создает маркированный список.
      Выделяет переменные из программ, отображая их курсивом.
      Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
      Указывает браузеру возможное место разрыва длинной строки.
      Тег Краткое описание
      Комментарий.
      Определяет тип документа.
      Ссылка, гиперссылка, якорь.
      Определяет текст как аббревиатуру.
      Контактная информация автора или владельца документа.
      Определяет область на карте-изображении
      Статья
      Контент в стороне (содержимое не является основным на странице по смыслу)
      Позволяет вставить воспроизводимый аудио файл.
      Полужирный текст.
      Задает базовый URL или аттрибут target для относительных ссылок в документе.
      Область, где написание текста может имееть другое направления.
      Устанавливает направление написания текста. В отличии от направление указывается физическое направление
      Цитата.
      Указывает область body документа.

      Перенос строки.
      Кликабельная кнопка
      Используется для рисовании графики с помощью скриптов
      Подпись таблицы.
      Сноска на название материала.
      Используется для вставки компьютерного кода в текстовом виде.
      Задает характеристики колонок в таблице.
      Определяет группу из одной или более колонок таблицы для форматирования.
      Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле
      Определяет описание термина из тега в списке терминов
      Текст, который удален в новой версии документа.
      Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть
      Указывает, что содержимое является термином.
      Определяет диалоговое окно или интерактивный элемент
      Блочный элемент - один из основных элементов верстки.
      Определяет список определений
      Название термина в списке определений
      выделенный по смыслу текст (обычно, текст выделенный курсивом).
      Контейнер для внешнего приложения
      Группа связанных элементов в форме
      Заголовок для элемента
      Определяет автономную группу из нескольких элементов (например картинка с подписью)
      Нижний колонтитул
      Определяет форму пользовательского ввода
      - Заголовки HTML разного уровня: , , , , , .
      Указывает область head документа.
      Блок заголовка
      Горизонтальная линия - тематический разделитель.
      Корневой элемент. Сообщает браузеру, что данный документ является HTML документом.
      Выделяет текст курсивом.
      Определяет встроенный фрейм
      Изображение, картинка.
      Поле для ввода
      Текст, который был добавлен в новой версии документа.
      Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом.
      Метка для поля ввода. Указывает на привязку элемента (обычно текста) к полю ввода.
      Заголовок элементов
    • Элемент списка
      Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS)
      Основной контент
      Контейнер для . Определяет пользовательскую карту на изображении
      Выделенный текст (обычно с помощью подсветки фона).
      Контейнер для списка пунктов меню
      Определяет элементы, которые пользователь может вызвать из контекстного меню
      Используется для определения мета-данных документа.
      Измеритель значений в заданном диапазоне
      Контейнер для навигационных элементов
      Альтернативный контент для пользователей, отключивших скрипты
      Определяет встроенный объект
      Определяет нумерованный список
      Определяет группу связанных вариантов в выпадающем списке. Дает название группу
      Параметр (вариант выбора) в выпадающем списке
      Результат вычислений

      Абзац.
      Задает параметры для встроенных объектов
      Контейнер для нескольких изображений
      Предварительно отформатированный текст.
      Индикатор выполнения (прогресса)
      Цитата в тексте.
      Альтернативный текст, если браузер не поддерживает тег .
      Аннотация к содержимому тега .
      Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов).
      Перечеркнутый текст.
      Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом).
      Определяет скрипт или подключение скрипта из внешнего ресурса.
      Раздел
      Определяет выпадающий список
      Текст шрифтом меньшего размера.
      Определяет ресурс для тегов , и .
      Строчный элемент.
      Текст, выделенный по значению. Обычно отображается полужирным.
      Определяет контейнер для определения стилей документа
      Отображает текст в виде нижнего индекса.
      Заголовок внутри тега
      Отображает текст в виде верхнего индекса.
      Определяет таблицу.
      Определяет область контента в таблице.
      Ячейка в таблице .
      Многострочное поле для ввода
      Определяет группу строк в нижней части таблицы - нижний колонтитул. Подробнее
      Место, где допускается перенос строки.
      Устаревшие теги HTML

      Чем заменить устаревший тег HTML? В большинстве случаев подойдут каскадные таблицы стилей CSS. Также, существуют альтернативы не используемым в новой спецификации тегам и в пределах HTML. Ниже в таблице представлены устаревшие теги HTML с вариантами их замены.

      Тег Краткое описание
      Акроним. Используйте тег вместо него
      Встроенный апплет. Используйте или вместо него.
      Задает цвет, размер, и семейство шрифта всего текста в документе. Используйте вместо него
      Текст большего размера. Используйте вместо него
      Отцентрованный текст. Используйте вместо него
      Список директорий. Используйте
        вместо него
      Определяет цвет, размер и семейство шрифта. Используйте вместо него
      Фрейм внутри . Используйте вместо него
      Определяет набор фреймов. Для добавления нескольких встроенных фреймов используйте несколько элементов
      Альтернативный текст, если фреймы не поддерживаются
      Перечеркнутый текст. Используйте или вместо него
      Моноширный текст. Используйте вместо него
      Подчеркнутый текст. Используйте вместо него


      Загрузка...