legend в HTML


Содержание

Тег LEGEND

Браузер Internet Explorer Netтscape Опера Safari Mozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

Параметры

Закрывающий тег

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

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Результат данного примера показан ни рис. 1.

Рис. 1. Вид заголовка группы, полученного с помощью тега

Вид рамки и контента заголовка может различаться в разных браузерах. Например, в браузере Опера (рис. 1) рамка прямоугольная, а в Internet Эксплорер (рис. 2) рамка имеет скругленные углы. К тому же цвет контента заголовка в этих браузерах отличается.

Рис. 2. Вид заголовка группы в браузере Internet Эксплорер под Windows XP

Описание параметров тега

Параметр ALIGN

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Выравнивание контента заголовка по краю.

Синтаксис

Аргументы

Значение по умолчанию

Пример 2. Выравнивание заголовка

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Параметр TITLE

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1


Описание

Добавляет поясняющий контент в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на заголовке.

Синтаксис

Аргументы

Любая контентовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Пример 3. Добавление всплывающей подсказки

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

в HTML

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

Атрибуты

  • align — Задает положение заголовка по вертикали или горизонтали.
  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab ).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Модель тега: должен располагаться сразу после открывающего тега .

Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

Пример HTML: применение тега LEGEND

Результат. Применение тега LEGEND.

HTML тег

Элемент (от англ. «legend» ‒ «легенда») определяет заголовок (надпись) для обозначения группы элементов формы, сгруппированных элементом . Как правило, он указывается в качестве первого дочернего элемента внутри .

Группа элементов выделяется в браузере с помощью рамки, а текст, который располагается внутри контейнера , встраивается в эту рамку.


Синтаксис

Закрывающий тег

Атрибуты

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

Стилизация по умолчанию

Большинство браузеров отобразит элемент со следующими значениями CSS по умолчанию:

Различия между HTML 4.01 и HTML5

В HTML 5 атрибут align больше не поддерживается.

в HTML

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

Синтаксис

Атрибуты

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

Закрывающий тег

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

Спецификация ?

Спецификация Статус
WHATWG HTML Living Standard Живой стандарт
WHATWG HTML Living Standard Живой стандарт
HTML5 Рекомендация
HTML 4.01 Specification Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Cand >Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML ( Living ) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры: Настольные Мобильные ?

Internet Explorer Chrome Opera Safari Firefox
4 1 4 1 1
Android Firefox Mobile Opera Mobile Safari Mobile
1 1 6 1


Браузеры

В таблице браузеров применяются следующие обозначения.

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

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

в HTML

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

Данная рубрика заменит Вам полноценный «HTML учебник». Здесь Вы сможете найти ответы на большинство вопросов, связанных с HTML и DHTML.

Бесплатные уроки HTML для начинающих

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

Лайфхак: наиполезнейшая функция var_export()

При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.

17 бесплатных шаблонов админок

Парочка бесплатных шаблонов панелей администрирования.

30 сайтов для скачки бесплатных шаблонов почтовых писем

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

Как осуществить задержку при нажатии клавиши с помощью jQuery?

К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.

15 новых сайтов для скачивания бесплатных фото

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

50+ бесплатных Bootstrap 3 шаблонов и элементов UI

Подборка бесплатных UI материалов и Bootstrap 3 шаблонов за уходящий месяц.

Зум слайдер

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

Тег LEGEND


Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

Параметры

Закрывающий тег

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

Работа со временем

создание пунктуальности (никогда не будете никуда опаздывать);

излечение от пунктуальности (никогда никуда не будете торопиться);

в HTML

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

accesskey . Переход к группе элементов формы с помощью комбинации клавиш.

align . . Определяет выравнивание текста.

title . Добавляет всплывающую подсказку к тексту заголовка.

HTML legend Tag

Contents

HTML legend: Main Tips

  • HTML legend element is always the first child of a element.
  • It sets a caption for the content of .
  • You have to include both starting and ending tags.

Using legend Tag in HTML

HTML legend tags define a caption for the element:


Theory is great, but we recommend digging deeper!
Comprehensive HTML5 Tutorial: Become Advanced HTML5 Specialist

Deprecated align Attribute

HTML legend tag supports all the global attributes. Its only tag-specific attribute was align which defined the alignment of the caption. However, it is deprecated and not supported by modern browsers:

Tip: when using the legend tag in HTML, use CSS text-align property instead of the align attribute.

в HTML

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

Данная рубрика заменит Вам полноценный «HTML учебник». Здесь Вы сможете найти ответы на большинство вопросов, связанных с HTML и DHTML.

Бесплатные уроки HTML для начинающих

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

Лайфхак: наиполезнейшая функция var_export()

При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.

17 бесплатных шаблонов админок

Парочка бесплатных шаблонов панелей администрирования.

30 сайтов для скачки бесплатных шаблонов почтовых писем

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

Как осуществить задержку при нажатии клавиши с помощью jQuery?

К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.

15 новых сайтов для скачивания бесплатных фото

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

50+ бесплатных Bootstrap 3 шаблонов и элементов UI

Подборка бесплатных UI материалов и Bootstrap 3 шаблонов за уходящий месяц.

Зум слайдер

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

HTML Tag

Sharing is caring!

Code Example

Titles for Form Sections

The element provides titles for form sections, providing a nice alternative to the headline elements. They are designed to be used with the element, and (strictly speaking) should only be used inside of one. Organizing form fields into groups, with appropriate captions can help make complicated forms more attractive and easier to use. For other tips on working with forms see our form design and form usability tutorials.

Илон Маск рекомендует:  Что такое код posix_getsid
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL