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

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

и

.

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

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

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

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

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

Красивая картинка!

Использование тега legend

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

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

Применение тега legend  к форме

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

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

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

You may also like...