Monthly Archives: 8月 2011

You are browsing the site archives by month.

[HTML5]HTML5化をしてみる Part2 ~ headerタグとfooterタグ

今日は、headerタグとfooterタグを入れてみたいと思います。

headerタグは、イントロダクションやナビゲーショングループであることを示す際に使用します。
文書のヘッダ情報を表すheadタグとは異なりますので注意してください。

http://www.htmq.com/html5/header.shtml

<div id=”header”>を置き換えちゃえばいいわけですよね、きっと。

footerも同じ要領で変えてみました。

[HTML5]HTML5化をしてみる Part1 ~ htmlタグとmetaタグ

少しずつですが、このブログもHTML5化していきたいと思います。

とりあえず、今日はhtmlとmeta要素。

doctypeとhtmlを以下のように変更。
(以前)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ja">

(HTML5)

<!DOCTYPE html>
<html lang="ja">

metaタグのcharsetもこんな感じに変更
(以前)

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

(HTML5)

<meta charset="UTF-8" />

ひとまず、今日はこれまで。

地道にやっていくとします。

[Chrome Add-on]HTML5 markup detector

早くこのブログもHTML5化したいと思いながらも
いつまで経ってもできない状態です・・・

最近ではHTML5化されてるサイトも結構ありますね。

そんなHTML5で書かれているかどうかが
わかるアドオンが「HTML5 markup detector」

アドレスバーの右端に出ます
 緑→<!doctype html>であり、HTML5の新しい要素が使われているページ
 赤→<!doctype html>だけど、HTML5の新しい要素は使われていないページ

試しにカヤックさんのサイトを見てみた。
http://www.kayac.com/

こんな感じですね。