#html #браузер #кроссбраузерность #спецификация
Хочу узнать, какие теги поддерживаются в старых браузерах. Например, взять теги small,
big bgsound и другие. Хочу узнать с какой версии браузеров они начинают поддерживаться
(mozilla, ie, chrome, safari, opera)? Есть ли где-нибудь официальная информация? Или
даже если не официальная, но та, которая соответствует действительности, может сервис
какой? Т.к. в интернете на разных сайтах информация разнится касаемо поддержки в разных
версиях браузеров
Ответы
Ответ 1
Проверяю на сайте webref.ru. Нужно ввести тег/элемент синтаксиса CSS в соответствующую
форму, и не требуется дополнительно жать на Enter.
Материалы сайта написаны квалифицированными профессионалами. Главный редактор — «веб-разработчик,
автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.»
Русский язык.
Частые обновления информации. На страницах указывается дата обновлений.
Указывается статус в спецификациях:
А если тег в них не входит, как в Вашем случае с , приводится следующее
сообщение:
Дополнительная информация о тегах/элементах синтаксиса CSS.
Если что-то осталось неясным, возможность оставлять комментарии, на которые есть
шанс получить квалифицированный ответ.
Если Вы верстаете сайты в Sublime Text, для ускорения работы можно воспользоваться
плагином FindDoc. Выделяете необходимый элемент синтаксиса HTML/CSS → нажимаете заданное
сочетание → получаете результат в браузере.
Необходимо настроить плагин на Webref. Preferences → Key Bindings → в правую pane
вставляете следующий код:
// FindDoc Webref
{
"keys": ["ctrl+alt+keypad9"],
"command": "find_doc_selection",
"args" : {"url" : "https://webref.ru/html/%s#field_html_browser"},
"context": [
{
"key": "selector",
"operand": "text.html.basic"
}
]
},
// FindDoc Webref
{
"keys": ["ctrl+alt+keypad9"],
"command": "find_doc_selection",
"args" : {"url" : "https://webref.ru/css/%s#field_css_browser"},
"context": [
{
"key": "selector",
"operand": "source.css"
}
]
},
Параметры:
"keys" — ваш шорткат, выбираете произвольный, незанятый.
"command": "find_doc_selection" — запуск FindDoc.
url" : "https://webref.ru/html/%s#field_html_browser", — URL, который откроется в
браузере по умолчанию. %s — переменная, вместо неё подставится то, что мы выделили.
В примере было выделено text-align, значит, откроется https://webref.ru/css/text-align#field_css_browser.
Если предпочитаете Can I use, значение параметра URL будет следующим: http://caniuse.com/#search=%s.
"key": "selector" — аргумент означает, что команда будет работать только в файлах,
имеющих область видимости, назначенную в параметре "operand".
"operand": "source.css" — область видимости. text.html.basic для HTML и source.css.
Если мы запустим команду в HTML-файле, откроется ссылка, прописанная для HTML, в CSS-файле
ссылка для CSS.
Если мы нажмём Сtrl+Alt+Keypad9, например, в js-файле, то в браузере ничего не откроется,
поскольку аргументами мы ограничили действие команды find_doc_selection html и css
файлами. Однако по тому же образцу можно настроить для области видимости JavaScript
— source.js — открытие ссылки на JavaScript.ru или другом сайте.
Ответ 2
http://caniuse.com/ - вводите название тега/css фичи и смотрите
https://modernizr.com/ - позволяет силами JS в рантайме
определять поддержку элемента в текущем окружении
Ответ 3
Кроме всего прочего, никогда не помешает зайти на W3C - тех, кто занимается спецификацией
тегов непосредственно. Там всегда можно найти свежую информацию касательно новых и
старых тегов и их применения.
В частности, по вашему вопросу о bgsound они пишут следующее:
No, really. Don't use it.
И варианты альтернатив приводят, если таковые есть и необходимы.
