HTML-теги kbd, var и pre, их роли и недочёты

В продолжении предыдущих тем (br, dash), продолжаю педантично-занудскую тему про HTML-теги, их роли, накладки, недочёты и пр. На сей раз макс. сжато и быстро, чтобы не развозить.

Рассмотрим след. HTML-теги:

  • kbd – использ. для текста, введённого с клавиатуры, и для названий клавиш клавиатуры. Для 2-ой роли напрашивается отдельный тег – напр., key – клавиша. Пока же, чтобы разделить эти роли, приходится использовать разные классы для этого тега: txt – для вводимого с клавиатуры текста, и key – для нажимаемых клавиш.
  • var – использ. для названия переменных в математике и программировании, и неофиц. – для переменных знач. во всевозможн. шабл. Для 2-го напрашивается отдельн. тег – напр., sbs или sbstn (от англ. substitution – замена, подстановка).
  • pre – визуальн., а не логическ. тег. Он просто означает, что выводить контент надо как есть в плане пробелов, табуляций и переносов, и всё; о природе контента тег ничего не говорит, поэтому и использовать его я не рекомендую. Вместо него надо использ. соотв. семантич./логич. тег – напр., code, samp, kbd, p и пр., с соотв. классом – напр., pre, для которого должны быть указаны след. CSS св-ва: display: block; white-space: pre; font-family: monospace; margin: 1em 0;.

К сож., W3C и WHATWG не хотят меня слушать, поэтому не вводят нов. логическ. теги, чтобы разгрузить имеющиеся, и не дают соотв. рекомендац. к имеющимся визуальн. тегам. Однако, можно пользоваться советами выше для явн. указания различн. ролей имеющихся тегов.

Comments are closed.