ブログのトップページをHTML5で書いてみた。
9 / 17 / 2009
とりあえず20分くらいで書いてみた。
http://waldspaziergang.com/notizblock/html5.html
今回使ったのは、<header>,<section>,<article>,<footer>です。
<header><footer>あたりは必ず使う様になるのかなぁ。ともあれ使い易そうというかコードの可視性は上がりそうな予感。
<section><article>は使い方勉強する必要ありそう。<section>と<div>とか絶対迷う。
とりあえずIEに対応させるには
<!–[if IE]>
<script type=”text/javascript”>
document.createElement( ‘header’ );
document.createElement( ‘section’ );
document.createElement( ‘nav’ );
document.createElement( ‘aside’ );
document.createElement( ‘footer’ );
document.createElement( ‘article’ );
</script>
<![endif]–>
とやって要素を生成しておく必要がある。
そしてCSSで
header,section,article,footer{
display:block;
}
としておく。
そして宣言がとってもシンプル。
<!doctype html>
<html lang=”ja”>
だけ。今まで宣言って毎回コピペしてましたがこれなら書ける。
エンコーディングも
<meta charset=”utf-8″>
とシンプル。
Firefox3でしか確認してませんのであしからず。
HTML5に関する情報は
http://www.html5.jp/
から。
Tags: HTML5Related entry
- Google AJAX Feed APIでFeed(RSSとか)を取得して表示する
- moo.fxを使ってタブとか色々なメニューを作る
- スクロールアコーディオンメニュー(Cookie付き)
- jQuery lightBox plugin – jQueryでLightBoxが使えるjavascript
- moo.fxで2段組みのタブ切り替えメニューを作る
18 9月 2009 - 7:03
[...] ブログのトップページをHTML5で書いてみた。 | notizblock (tags: html5) [...]