Alternative Design Project

ADP: div/span/id/classを使わないCSSレイアウトのサンプル

パーマリンク(説明) | 2007年9月1日更新

こちらがサンプル。このファイルのHTMLソースを見てdiv/span/id/classが文章中にしかないことを確認してくだされ。

IE6は未対応だが、なんとか読めるようにはしてある。

body以下の構造は、以下のとおり。

<body>
<p>ヘッダ</p>
<h1>タイトル</h1>
<p>メタ情報</p>

<p>本文</p>
<p>本文</p>

<form action=""><p>サイト内検索</p></form>
<ul>
<li>上部メニューのボタン</li>
</ul>
<dl>
<dt>サイドバー</dt>
</dl>
</body>
</html>

この「順番」を守るかぎり、うまくいく。CSSは、screen.cssを参照のこと。

dl要素は使える?
dlもdiv/span/id/classなしで使えちゃう。
  1. ol要素を使いたい!
  2. olもdiv/span/id/classなしで使えちゃう。
  3. でもマーカーがulと合わないのであんまり使わないほうがいいかも(笑)

entry
説明エントリ
category
Web Koneta
syndicate
このブログを購読
written by
Momomo