HTML/CSSのブラウザ対応状況を確認できるサイトまとめ

HTML/CSSのサポート状況を確認できるサイトをご紹介します。最新の機能を使ってみたい方はチェックしてみると良いかもしれません。ちなみにHTML5は最終バージョンとなるHTML5.2からHTML Living standardが標準仕様となりましたが、タグの扱いなど一部が違うだけで大きな違いはほぼありません。

ちなみにHTMLの技術仕様の標準規格はW3Cによって策定されてきましたが、2021年にWHATWGによってHTML Living standardが準規格となっています。

その辺の経緯やついでにHTMLの歴史なんかも読んでみると面白いかもですよ。
HTML Living StandardとHTMLの歴史

・W3C(World Wide Web Consortium)について
World Wide Webで使用される各種技術の標準化を推進する為に設立された団体。
HTML、XML、MathML、DOM等の標準規格を策定。2019年にW3Cは、HTMLとDOMの策定をやめWHATWGに協力することを表明しています。

・WHATWG(Web Hypertext Application Technology Working Group)について
HTMLと関連技術の開発をするためのコミュニティ。W3Cがウェブ開発者の要望を軽視していることなどを不満に思ったApple、Mozilla、Operaの開発者たちによって結成。
2017年末にはMicrosoftも参加。

Can I use…

検索機能で使いたい機能をチェックできます。現行のバージョンの先のバージョンまで対応状況が確認できるのが特徴。

caniuse.com

66 Posts

1724 Users

13620 Pockets

Can I use... Support tables for HTML5, CSS3, etc

https://caniuse.com

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

MIBILE HTML

MOBILE HTML5は、iPhone/iPadやAndroidなどのモバイル端末に搭載されているブラウザのHTML5の対応状況を知ることができます。
一覧表で表示されるのでわかりやすい。

mobilehtml5.org

339 Users

1448 Pockets

Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Fir...

http://mobilehtml5.org

アクセスしてきたブラウザのHTML5/CSS3の対応状況を確認できます。また対応状況を数値で表してくれます。サポート対象ブラウザが決まったら、そのブラウザで実際にアクセスして対応状況を確認するといった使い方もできそうですね。

HTML5 Test

HTML5 TestにアクセスしたブラウザがHTML5標準と関連仕様をどの程度サポートしているかスコアで表示。
またどの部分をサポートしているかを確認することができます。

HTML5test.com

2 Posts

310 Users

2212 Pockets

The HTML5 test - How well does your browser support HTML5?

http://html5test.com

The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5?

関連投稿:

公式サポートが終了した古いMacに最新のmacOSをインストールするプロジェクト 不具合について Mac カスタムサイズの用紙印刷ができない場合の対処法 CSSのみでできるシンプルなアニメーション