Black Baron

HTML предоставляет множество элементов для семантической разметки текста. Некоторые из них помогают выделять вводимые пользователем данные, результаты работы программы, а также изменения в тексте. В этом уроке мы рассмотрим пять полезных тегов: <kbd>, <samp>, <ins>, <del> и <s>. Они делают документ более понятным и удобным для восприятия.

Тег <kbd> — вводимые пользователем данные

Тег <kbd> используется для обозначения текста, который должен быть введён пользователем, например, команды или клавиши. Обычно браузеры отображают его моноширинным шрифтом.

Пример:

<p>Для сохранения файла нажмите <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>

Тег <samp> — вывод программы

Тег <samp> применяется для отображения текста, который является результатом работы программы или системы. Он также обычно отображается моноширинным шрифтом.

Пример:

<p>Результат выполнения программы: <samp>Ошибка 404</samp></p>

Тег <ins> — добавленный текст

Тег <ins> используется для выделения текста, который был добавлен на страницу. Браузеры часто подчёркивают такой текст.

<p>Это <ins>новая информация</ins>, добавленная в документ.</p>

Тег <del> — удалённый текст

Тег <del> обозначает текст, который был удалён. Обычно он отображается зачёркнутым.

Пример:

<p>Цена: <del>1000 руб.</del> 800 руб.</p>

Тег <s> — текст, требующий проверки

Тег <s> используется для выделения текста, который больше не актуален или нуждается в проверке. Внешне он также отображается зачёркнутым, но семантически отличается от <del>.

Пример:

<p>Старый адрес: <s>ул. Ленина, 10</s>. Новый адрес: ул. Победы, 25.</p>

Теги <kbd>, <samp>, <ins>, <del> и <s> помогают программистам передавать дополнительный смысл в HTML-документе. Они делают текст более информативным: показывают ввод пользователя, вывод программы, изменения и устаревшие данные. Использование таких элементов улучшает читаемость и семантику веб-страниц, что особенно важно для начинающих разработчиков.