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

この記事は【2022年7月11日】が最後の更新のため、記事の内容が古い可能性があります。

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

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

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

~~http://mobilehtml5.org~~

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

HTML5 Test

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

HTML5test.com

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?

- PR -

ニッチなテーマのイラスト素材投稿始めました。良かったら使ってください。
RU DESIGN/無料イラスト・フリー素材「イラストAC」

オリジナル絵本　Kindleにて出版
ナマケモノのふにゃまるちゃん

ドメイン取得は同じところで取得しておくと便利ですよ。

応援・支援よろしくお願いいたします。サイト運営に使わせていただきます。

■BTC
1PPYM4493tNYVZuGxXnYLpVdKJXSwFagPQ
■MATIC
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B
■ETH
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B