HTMLソースコードはサイト内検索できない?

HTMLソースコードはサイト内検索できない?

HTMLソースコードはサイト内検索できない?

HTMLソースコード内の文字列は、サイト内検索できません。そのため、検索窓に何か調べたいタグやコードを入力したとしても検索結果の画面に文字列は表示されないのです。このように、サイト内検索はサイト上に見えているテキストだけを検索対象としています。

以下に示すのは、サイト内検索で検索できないHTMLソースコードの例です。

        <!-- このコメントはサイト内検索で検索できません -->
        <p>これは表示されるテキストです。</p>
        <div>このdiv内も検索可能です。</div>
        <script>
            // JavaScriptコードも検索されません
            console.log('Hello, world!');
        </script>
    

ソースコード内検索ができない理由

これは、サイト内検索機能がHTMLページのレンダリングされた内容(すなわちウェブブラウザで実際に表示されるテキスト)を対象とするためです。HTMLソースコードやコメント、スクリプトの内容はレンダリングされないため、検索結果には表示されません。

検索可能なアイテム 検索不可のアイテム
表示されるテキスト HTMLコメント
テキスト JavaScriptコード
リンクテキスト CSSスタイル

まとめ

したがって、HTMLソースコードやコメントを検索したい場合は、単純なサイト内検索機能では不十分です。特殊な開発者ツールやブラウザの検索機能を使用する必要があります。

その他の参考記事:サイト 内 検索 html