Ich betreibe eine Website, die CSS-Pseudo-Elemente verwendet, um hier und da Text einzufügen. Einer von ihnen fügt den Wert eines CSS-Zählers ein (woraufhin eine erhebliche Neuentwicklung des Systems erforderlich wäre, um dies zu tun, ohne CSS-Texteingabe). Die spezifische CSS-Regel lautet:
%Vor%und dies konvertiert " Definition " in " Definition 1 " (sagen wir).
Der eingegebene Text kann jedoch nicht vom Browser durchsucht werden. Das 1 wird nicht angezeigt: Wenn ich nach "Definition 1" suche, findet es es nicht, und wenn ich nach "Definition. Was auch immer der Definitionstext war" suche, hebt der Browser die Zeile mit Ausnahme des eingefügt 1 . Wenn Sie sich also den fett gedruckten Text als Hervorhebung vorstellen, würde er wie folgt aussehen:
Definition 1 . Was auch immer der Definitionstext war
Das ist nicht ideal! Leute mögen sich auf Definitionen durch ihre Zahl beziehen und sagen "Schaue Definition 1 auf der Seite XYZ" (und in Kontexten, wo Hyperlinks nicht verfügbar sind - seltsam, ich weiß, aber es passiert).
Also:
Soweit ich weiß, gibt es keinen Weg. Sie könnten wahrscheinlich JS verwenden, um auf diese Informationen zuzugreifen, aber es wäre eine Art "Hack" zu tun.
Und ich denke, es macht Sinn, wenn Sie über den Zweck von HTML und CSS nachdenken. Wie Sie vielleicht wissen, soll HTML die semantische Bedeutung des Inhalts beschreiben, während CSS das Erscheinungsbild der Seite steuern soll. Kurz gesagt, wenn Sie Ihrer Seite überhaupt einen Text mit CSS hinzufügen, sollte er nur für stilistische Zwecke da sein.
Wenn es sich um tatsächlichen Text handelt, der Ihrem Website-Besucher etwas bedeuten sollte, müssen Sie ihn auf Ihrer Website direkt als HTML haben.
Auch die Art und Weise, wie Sie das getan haben, widerspricht den besten Praktiken. Denn wenn Sie CSS deaktivieren würden, würde ein Teil des Inhalts verschwinden.
Tags und Links css search css-content