Как узнать поддерживается ли html тег в определенной версии браузера?

#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.


И варианты альтернатив приводят, если таковые есть и необходимы.