Технологии

FIGURE (тег в HTML)

Что такое figure в html:

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

Как прописать figure в html:

<figure>
  <img src="path/to/image.jpg" alt="Описание изображения">
  <figcaption>Подпись к изображению</figcaption>
</figure>

Примеры использования

Показ изображения с подписью:

<figure>
  <img src="path/to/image.jpg" alt="Описание изображения">
  <figcaption>Подпись к изображению</figcaption>
</figure>

Вставка видео с описанием:

<figure>
  <video src="path/to/video.mp4" controls></video>
  <figcaption>Подпись к видео</figcaption>
</figure>

Отображение графиков и диаграмм:

<figure>
  <svg>
    ...
  </svg>
  <figcaption>Подпись к графику/диаграмме</figcaption>
</figure>

Показ кода с пояснением:

<figure>
  <pre>
    <code>
      // Код на языке JavaScript
      function sayHello() {
        console.log("Hello, World!");
      }
    </code>
  </pre>
  <figcaption>Код на JavaScript</figcaption>
</figure>

Группировка картинок в галерею:

<figure>
  <img src="path/to/image1.jpg" alt="Описание изображения 1">
  <figcaption>Подпись к изображению 1</figcaption>
</figure>
<figure>
  <img src="path/to/image2.jpg" alt="Описание изображения 2">
  <figcaption>Подпись к изображению 2</figcaption>
</figure>

FIGCAPTION (тег в HTML)

Что такое figcaption в html:

Используется для добавления подписи к элементу <figure>. Обычно он размещается после других медиа-элементов, например, после <img>, и содержит описание либо название изображения или другого контента, находящегося внутри <figure>.

Как прописать figcaption в html:

<figure>
  <img src="image.jpg" alt="Image">
  <figcaption>Описание изображения</figcaption>
</figure>

FIELDSET (тег в HTML)

Что такое fieldset в html:

Используется для группировки элементов формы в логически связанные блоки. Это позволяет разделить форму на более понятные и логические части, что упрощает её использование для пользователей.
Кроме того, <fieldset> используется вместе с тегом <legend>, который позволяет добавить заголовок для каждого блока.

Атрибуты:

1. disabled - указывает, что группа элементов формы должна быть отключена.
2. form - указывает форму, к которой относится группа элементов формы.
3. name - задает имя группы элементов формы.

Как прописать fieldset в html:

<fieldset>
  <legend>Заголовок блока</legend>
    <label for='username'>Имя пользователя:</label>
  <input type='text' id='username' name='username'><br>
</fieldset>

EMBED (тег в HTML)

Что такое embed в html:

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

Атрибуты:

1. src - URL-адрес файла, который должен быть встроен;
2. type - MIME-тип файла, который нужно встроить;
3. width - ширина встроенного объекта;
4. height - высота встроенного объекта.

Как прописать embed в html:

<embed src="url" type="mime/type" />

Вместо тега <embed> рекомендуется использовать теги <object> или <iframe>.

<object> - если нужна поддержка альтернативного контента;
<iframe> - если нужна поддержка масштабирования и прокрутки.

EM (тег в HTML)

Что такое em в html:

Предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.

Как прописать em в html:

<em>Текст</em>