#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