“Компьютерные” HTML теги#html #technical
Недавно столкнулся с тематикой и продуктами в которых в контенте нужно достаточно часто объяснять пользователю о том как сделать ту или иную вещь на компьютере.
Есть проекты, которые на каждое нажатие клавиш делают картинку с стрелками, а есть кто просто пишет название кнопок.
Стало интересно какие есть теги в HTML, чтобы красиво сверстать страницу. (Не всё работает хорошо на мобилках и в старых браузерах)
1.
HTML - всплывающее окно с расшифровкой аббревиатуры.
2.
Ctrl +
Shift - теги, которые выделяют слова в виде кнопок.
3.
Details
Something - спойлер под которым можно спрятать часть контента.
4.
Command not found - выделение текста в стиле ответа компьютерной программы.
Скорее всего это не сильно поможет в поисковой оптимизации. Может только потенциально повлиять на поведенческие. Но с другой стороны иногда полезно знать, что в HTML есть теги почти на все случаи жизни и еще интересно смотреть за “чатами” в Twitter между Джоном Мюллером и специалистами. Например, на вопрос специалиста “А даст ли мне буст в ранжирования тег abbr?” Мюллер ответил: “Нет”. Я бы, наверное, уточнил, а обрабатывает ли Google данный тег вообще (кстати, можно проверить). Много вопросов-уточнений вызывает его многозначительной фразой: “Мы обрабатываем
аналогично display:none”.
Тестировать есть много чего и желательно периодически просто просматривать код своих страниц на предмет того, что используют разработчики, а ещё всем советую полистать MDN Web Docs (ссылка)
P.S. Следующий мини пост 01.09