Kann die CSS-Eigenschaft „content' HTML einfügen?

CSS-Inhaltseigenschaft: Kann HTML eingefügt werden?

Die CSS-Inhaltseigenschaft, die mit den Pseudoelementen :before und :after verwendet wird, ermöglicht das Einfügen von Inhalten vor oder nach einem Element. Viele Entwickler fragen sich jedoch, ob es möglich ist, HTML-Code anstelle von einfachem Text in den Inhalt einzufügen.

HTML-Injection-Frage

Eine häufig gestellte Frage stellt sich:

Can you make the CSS content property insert HTML code instead of text, like this:

.header:before {
  content: '<a href="#top">Back</a>';
}

Antwort : Keine HTML-Injection

Leider ist dies gemäß der CSS-Spezifikation nicht möglich. In der Spezifikation heißt es:

„Generierter Inhalt verändert den Dokumentbaum nicht. Insbesondere wird er nicht an den Dokumentsprachenprozessor zurückgegeben (z. B. zum erneuten Parsen).“

Das bedeutet Folgendes Zeichenfolgenwerte, die mit der Eigenschaft content verwendet werden, werden wörtlich behandelt. Sie werden niemals als Markup interpretiert, unabhängig von der verwendeten Dokumentsprache.

Beispiel

Bedenken Sie Folgendes:

Das obige ist der detaillierte Inhalt vonKann die CSS-Eigenschaft „content' HTML einfügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!