第5回 HTML文書のセマンティック化を実践してみよう
Webページをソーシャルメディアが理解しやすいコンテンツにすることは、Webサイトの管理者にとって大きなメリットがあります。単に多くの人に見てもらうというだけでなく、最も届けたいと思っているユーザー層に的確にコンテンツを届け、そしてコミュニケーションの種として使ってもらうことができます。 そのためには、この特集でこれまで書いてきたようにWebページをセマンティック化する必要があります。第2回～第4回で、セマンティック化するための標準仕様であるOpen Graph Protocol、HTML5、Schema.orgについて解説してきました。今回は、これらを使って実際にHTML文書をセマンティック化していきましょう。 プロフィールページをサンプルに見てみよう セマンティックを記述していくHTML文書のサンプルとして、特集の第1回で使った「ある人物のプロフィールページ」を取り上げます（図1左）。
なぜnormalize.cssなのか
リセットでは弊害がありすぎるとか、ノーマライズの控えめなところが良いとか、まぁいろいろだとは思う。僕はそもそもリセットとかノーマライズとか自分で書いていないルールを取り込むのが好きではないので、なるべくその類のものの使用は最小限に抑えたい。YUI CSS Resetなどでは好むと好まざるに関わらず全て取り込まないとならないけど、normalize.cssではブラウザ間での差異を統一するための各コードが独立しているので、必要なものだけを取り込むなどというような使い方も難しくない。そういった自分の書くCSSとブラウザー側の実装の緩衝材(polyfill)として機能するというところがnormalize.cssを気に入った理由で、これからも使っていきたい理由。 各ルールを個別にインポートできるようにした形でnormalize.scssを作ったのはつまりそういうことで、Sassで手軽に使えるように…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
