Hatena::ブログ(Diary)

Higé au lait

2009年03月16日

ページ内検索と表示されていない文字


<p>hog<span style="display:none;">fuga</span>e</p>
<p>hog<span style="visibility:hidden;">fuga</span>e</p>

上記のような HTML だと 1行目は 'hoge' 2行目 は 'hog e' と表示される。

このようなページで 'hoge' とページ内検索をしたらどうなるかを各ブラウザで調べてみた。


IE & Firefox

1, 2行目いずれもマッチせず。

Opera

1 行目のみマッチ。

Safari

1, 2行目ともにマッチ。


だいぶ違うなぁ。

結論としてはページ内検索されるような要素の中に display: none; な要素を含まないってことかな。


参考: 気づいたページ

Firefox のキーボードショートカット | Firefox ヘルプ

キーボードショートカット(Ctrl+W) の文字列の "Ctrl" と "+" の間に Mac 用に "Cmd" という文字が隠されている。