HTML

CDATAセクションを正しくエスケープする方法

(ここ)は確かにHTMLエスケープしなくてもいいんだけど、(ここ)に予期せぬ"]]>"が現れるとそこでCDATAセクションが終わってしまう。 だから(ここ)に"]]>"という字面が現れないようにしないといけないので、 全ての ]]> を ]]]]> に置き換える。 分断の…

埋め込まれたiframeをリロードさせる方法

iframeを更新させるためにこんな処理が書いてあって、 <iframe id="foo" name="foo" src="/bar.html"></iframe> <a target="foo">更新</a> 一応動くには動くんだけど、a要素の使い方がなんだかなーと。軽く調べても出てこなかったので、ちょいと試してみたら document.getElementById("foo").contentWindow.location.reload(); でいけた…

bodyにいると思ったらheadにいた

<p id="hoge"></p> <script>document.write(document.getElementById('hoge'))</script> こういうの。 結果 # IE6 null # Firefox2 null 自分的には、pタグが出現した時点でそれ以降がbody要素になると思っていたのですが、そうではなくDOM Treeを見たところ以下のように解釈されているようです…

HTMLフォームを使い易くする要素たち

今更なんですが、fieldset要素とoptgroup要素って視覚的にも変化があるんですね。めちゃめちゃ便利じゃないっすか。 何で今まで使ってなかったんだろう?label要素ぐらいしか使ったことなかたーよ…_| ̄|○ fieldset 仕様(邦訳):http://www.asahi-net.or.jp/…

CSSを書くときのどうでもいい小ネタ

こんな感じで最後に「/**/」を付けておけば /* コメント */ body { display: none; }/**/ コメント行の最後の「/」を消すだけで全体をコメントアウトできる。 /* コメント * body { display: none; }/**/ もしくはこんな感じにしておけば /* コメント */ bod…

CSSテンプレートエンジン?

CSSに抽象化の手法を導入したら便利じゃね? - [・ _ゝ・]日記を書くはやみずさんより。 それって div#page_right , div#page_left { (共通部分) }でいいんじゃね?それより[CSS]CSSセレクタを入れ子にできないのは何故?を何とかしたいかも。子孫要素とか直…

CSSセレクタを入れ子にできないのは何故?

/*----ナビゲーション----*/ #nav { } #nav ul { } #nav ul li { } #nav ul li a, #nav ul li a:visited { } #nav ul li a:hover { } /*----ナビゲーション END----*/ 遠い昔に思っていたことなんだけども、↓のように入れ子で書けないのは何故なんだろう?親…