“Компьютерные” HTML теги #html #technical

“Компьютерные” HTML теги

#html #technical

Недавно столкнулся с тематикой и продуктами в которых в контенте нужно достаточно часто объяснять пользователю о том как сделать ту или иную вещь на компьютере.

Есть проекты, которые на каждое нажатие клавиш делают картинку с стрелками, а есть кто просто пишет название кнопок.

Стало интересно какие есть теги в HTML, чтобы красиво сверстать страницу. (Не всё работает хорошо на мобилках и в старых браузерах)

1. <abbr title="HyperText Markup Language">HTML</abbr> - всплывающее окно с расшифровкой аббревиатуры.

2. <kbd>Ctrl</kbd> + <kbd>Shift</kbd> - теги, которые выделяют слова в виде кнопок.

3. <details><summary>Details</summary>Something</details> - спойлер под которым можно спрятать часть контента.

4. <samp>Command not found</samp> - выделение текста в стиле ответа компьютерной программы.

Скорее всего это не сильно поможет в поисковой оптимизации. Может только потенциально повлиять на поведенческие. Но с другой стороны иногда полезно знать, что в HTML есть теги почти на все случаи жизни и еще интересно смотреть за “чатами” в Twitter между Джоном Мюллером и специалистами. Например, на вопрос специалиста “А даст ли мне буст в ранжирования тег abbr?” Мюллер ответил: “Нет”. Я бы, наверное, уточнил, а обрабатывает ли Google данный тег вообще (кстати, можно проверить). Много вопросов-уточнений вызывает его многозначительной фразой: “Мы обрабатываем <details> аналогично display:none”.

Тестировать есть много чего и желательно периодически просто просматривать код своих страниц на предмет того, что используют разработчики, а ещё всем советую полистать MDN Web Docs (ссылка)

P.S. Следующий мини пост 01.09

Источник новости https://t.me/productseo/60...