究極のDIV中毒
2005/10/02
DIV中毒は<div>をやたら多く使うことを言うが、
このページは冗談抜きに<div>しか使っていない。
...まぁ...StyleSheetのみでどこまでできるのかという挑戦だけどね。
動作確認はWindows版IE6SP1,Windows版Firefox1.0.7,Opera8で行いました。
DIVによるListの作成〜display:list-item;〜
list-style-type:disk;
list-style-type:circle;
list-style-type:square;
DIVによるTableの作成(IEは未対応)〜display:table;〜
DIVによるImageの作成〜background-image:url(
XX.png
);〜
DIVによるLinkの作成〜
DIV+JavaScript+CSS
〜
以上がStyleSheetだけで無理矢理HTMLの個々の要素を実現させた例。技術的興味というか、実用性はないがStyleSheetを極めるには丁度良い問題。
このページは本当にDIVだけで実装するためにLINK要素なども使っていません。
いくつかのブラウザではタイトルに「究極のDIV中毒」と表示されているでしょうが、このHTMLにはTITLE要素さえありません。
このページは<!-- DIV Start -->から<!-- DIV End -->までです。それ以後はコンテンツとは関係ありません。
補足
イベント属性とDOMを用いてHTML中に任意のタグを埋め込むことで、初期に書かれるHTMLはDIVだけでも2次的に全てのタグを記述することはできますが、
その場合正当な「DIV依存」とは見なしません。(というかDIV依存に正当もくそもあるか)
HTML is made from DIV.