HTML4.01, XHTML1.0で「いつもの感じ」のソースコードにすっかり落ち着き、特に迷うこともなかった私は、Boilerplateのスニペットをみた時、結構衝撃を受けました(;´Д`)。 今回は、Boilerplateのコアであるhtmlの内容・スニペットをひとつずつ見ていき、それらが前回テーマにした「5つの要件」にどのように作用するかを紐解いていきます。「新しい技術に取り組みたい、けど何から始めればいいか分からない!」そんな方のヒントになると幸いです。 それでは早速、謎解きスタートです! ソース全体 まずは全体から、次のような特徴が見て取れます。 文頭に、見慣れないコンディショナルコメントがある。 <meta>に「X-UA-Compatible」というのがある。 <meta>に「keyword」がない。 <meta>に「viewport」がある。 読み込まれているスタイルシートは
![HTML5 Boilerplateのhtmlスニペットを紐解く](https://cdn-ak-scissors.b.st-hatena.com/image/square/51511166a959ad4418bb5167f83014480a026c5f/height=288;version=1;width=512/https%3A%2F%2Fwww.granfairs.com%2Fcms%2Fwp-content%2Fuploads%2F2024%2F03%2Fcto-2012-05-24-boilerplate.jpg)