Без рубрики

Как использовать тэги FIELDSET и LEGEND в Web дизайне

В этой статье я расскажу вам об одном из элементов html, с помощью которого удобно оформлять заголовки картинок, форм и тематических блоков сайта.Как использовать тэги FIELDSET и LEGEND в Web дизайне

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

<fieldset /> и <legend />.


Давайте посмотрим, что я имею в виду:

1. Контейнер для любого контента.

Первый образец — это скриншот сайта. Этот сайт полностью основан на использовании связки FIELDSET+LEGEND. Каждая статья помещена в тег FIELDSET, а заголовок отображен с помощью тега LEGEND.

2. Контейнер для изображений

В этом примере связка FIELDSET+LEGEND использованы для оформления изображения:

3. Контейнер для форм.

Использование этих тегов для форм — главная цель их создания. Если в вашей форме несколько полей, вы можете объединить их с помощью FIELDSET+LEGEND.

Итак, как же эти теги использовать?

Посмотрим на схему:

<fieldset>
<legend>Здесь пишем название изображения или формы</legend>
Сюда помещаем содержание (картинку, форму или другой контент)
</fieldset>