> For the complete documentation index, see [llms.txt](https://danila-korotkov.gitbook.io/front-end-patterns/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://danila-korotkov.gitbook.io/front-end-patterns/shablony/tegi-semantika/logika.md).

# Логика

`<`hgroup`>` Объединяет блоки в группу для одного заголовка

```html
<hgroup>
  <h2>Apples</h2>
  <p>Tasty, delicious fruit!</p>
 </hgroup>
```

`<address>` размечается контактная информация о человеке, людях или организации.

`<time>` - для вывода даты и времени

<https://doka.guide/html/time/>

`<search>` - Семантический тег-обёртка для блока с поиском или фильтром

`<menu>` - для создания выпадающего или иного меню, не является навигацией

***

`<figure>` - небольшая группа элементов, объединённые общим смыслом

\<figure> представляет автономное содержимое (необязательно с подписью), являющееся **самостоятельным элементом** основного потока.

С помощью элемента можно добавлять краткие характеристики к иллюстрациям, фотографиям, диаграммам, фрагментам кода и т.д.

`<figcaption>` - описание для группы элементов внутри `<figure>`

Можно использовать для:

* изображения и описания к нему;
* отформатированный блок текста (код) и описание;
* Автора и цитату

***

`<dl>` - список терминов

`<dt>` - термин в списке терминов

`<dd>` - определение термина

`<dfn>` используется для вывода терминов или расшифровки сокращений.

У `<dfn>` есть встроенная [роль `term`](https://doka.guide/a11y/role-term/). [Скринридеры](https://doka.guide/a11y/screenreaders/) не рассказывают о роли, но зачитывают саму аббревиатуру и её расшифровку из `title`.

{% hint style="info" %}
`<dl>` и `<dt> можно использовать в качестве альтернативы списку <ul> -> <li>. Например в футере, список из социальных сетей или способов связи.`
{% endhint %}

`<temaplate>` Это механизм для отложенного создания клиентского контента, который не отображается во время загрузки, но может быть инициализирован при помощи JavaScript.

`<fieldset>` группирует элементы формы (поля ввода [`<input>`](https://doka.guide/html/input/), [`<textarea>`](https://doka.guide/html/textarea/), выпадающие списки [`<select>`](https://doka.guide/html/select/) и другие) в блок с характерным выделением границ. Опционально с помощью тега [`<legend>`](https://doka.guide/html/legend/) внутри `<fieldset>` можно задать заголовок для создаваемой группы (он может быть только один и обязательно должен идти первым вложенным элементом).

`<wbr>` указывает браузеру место, где допускается делать перенос строки в тексте, если текст не влезает в родительский элемент. Это полезно для адаптивной вёрстки если у вас в тексте есть длинные слова или, например, ссылки.

`<video>` - для вывода видео

`<audio>` - для вывода аудио

`<data>` позволяет хранить в своём содержимом данные в формате, понятном человеку, а в атрибуте `value` — в формате, понятном машинам.

```html
Жили у бабуси <data value="2">два</data> весёлых гуся.
```

У тега есть встроенная роль [`deletion`](https://doka.guide/a11y/role-deletion/). Благодаря ей пользователи [скринридеров](https://doka.guide/a11y/screenreaders/) знают, что содержимое было удалено.

`<ins>` используется для отображения добавленного контента. Например, нового пункта в списке дел или новой части кода.

У тега есть встроенная [роль `insertion`](https://doka.guide/a11y/role-insertion/). Благодаря ей пользователи [скринридеров](https://doka.guide/a11y/screenreaders/) знают, что содержимое было добавлено.

`<kbd>` обозначает пользовательский ввод: с клавиатуры, голосом, указателем или другим образом.

`<output>` позволяет выводить результаты вычислений или действий пользователя. Относится к элементам семантической вёрстки.

У тега есть встроенная роль [`status`](https://doka.guide/a11y/role-status/). Благодаря ей [скринридеры](https://doka.guide/a11y/screenreaders/) и другие вспомогательные технологии автоматически зачитывают содержимое тега, когда оно обновляется. Это делает часть страницы интерактивной или «живой» областью.

`<samp>` используется для оформления вывода данных, которые показываются пользователю в результате выполнения программы. Содержимое этого элемента воспринимается устройствами как простой текст.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://danila-korotkov.gitbook.io/front-end-patterns/shablony/tegi-semantika/logika.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.