HTMLのマークアップで悩んだときに参考にしたいWebサイト36選

HTMLのマークアップをしているとき、設計で迷うときってありますよね。

例えば、「ここってspanタグがいいの？」「mainタグってここで使っていいの？」とか、マークアップしてるといろいろ悩むことは出てきます。

そういうとき、まずはHTML5のリファレンスを見ますが、その他、メガベンチャーや大企業など技術的に信頼できる企業／サービスのWebサイトのHTMLの書き方をよく参考にしています。

このエントリでは、HTMLの書き方（設計的な意味を含む）に悩んだり、迷ったときに参考にしたいWebサイトをまとめてみます。

コーポレートサイトや、コーポレートサイトに近い設計のサイトを作るときに参考になるサイトです。

大きな資本を持つ企業はコーポレートサイトのユーザビリティに力を入れているケースが多いので、そういった大企業やテック系企業のコーポレートサイトをよく見ています。
なお、思いついた順に書いているので、順序は適当です。

Webメディア系のサイトです。記事の構成など、Webメディア特有のUIを確認する際に参考にします。

Webサイトや、それらのサイトに用意されているドキュメントのサイトです。

特に、多くの開発者が見るドキュメントは分かりやすさ、伝わりやすさが第一なので模範的な設計の参考になります。

最後に

当然といえば当然ですが、技術を売り物にしているテック企業のサイトは信頼度高いです。

あとは、プログラミング言語やフレームワークの公式ドキュメントのサイトも下手なことはできないので、参考になります。

熟練のマークアッパー、エンジニアからするとツッコミどころ多いかもしれません。もし、「これが抜けてる！」みたいなサイトがあれば教えてください。