CSS 疑似要素を使用してあちこちにテキストを挿入する Web サイトを運営しています。それらの 1 つは、CSS カウンターの値を挿入します ( CSS テキスト インジェクションなしでこれを行うには、システムのかなりの再設計が必要になります)。具体的な CSS ルールは次のとおりです。
.num_defn .theorem_label:after {
content: " " counter(definition, decimal);
counter-increment: definition;
}
これにより、「 Definition」が「Definition 1 」に変換されます(たとえば)。
ただし、挿入されたテキストはブラウザで検索できません。1
「Definition 1」を検索しても見つからず、「Definition。定義テキストが何であれ」を検索すると、ブラウザーは挿入された を除く行を喜んで強調表示します1
。したがって、太字のテキストを強調表示として想像すると、次のようになります。
定義1 .定義テキストが何であれ
これは理想的ではありません。人々は定義を番号で参照し、「XYZ ページの定義 1 を見てください」と言うのが好きです (そして、ハイパーリンクが使用できない状況では - 奇妙なことですが、実際に発生します)。
したがって:
- サーバー側で、挿入されたテキストを「検索可能」として指定する方法はありますか?
- そうでない場合、ブラウザ側でこれを有効にする簡単な方法はありますか?