Rumah >hujung hadapan web >tutorial css >Bolehkah Harta `kandungan` CSS Menyuntik HTML?

Bolehkah Harta `kandungan` CSS Menyuntik HTML?

Barbara Streisand
Barbara Streisandasal
2024-12-22 18:01:10979semak imbas

Can the CSS `content` Property Inject HTML?

Sifat kandungan CSS: Bolehkah ia Menyuntik HTML?

Sifat kandungan CSS, digunakan dengan :sebelum dan :selepas unsur pseudo, membolehkan pemasukan kandungan sebelum atau selepas unsur. Walau bagaimanapun, ramai pembangun tertanya-tanya sama ada mungkin untuk memasukkan kod HTML ke dalam kandungan dan bukannya teks ringkas.

Soalan Suntikan HTML

Persoalan biasa timbul:

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

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

Jawapan : Tiada Suntikan HTML

Malangnya, mengikut spesifikasi CSS, ini tidak boleh dilaksanakan. Spesifikasi menyatakan:

"Kandungan yang dijana tidak mengubah pepohon dokumen. Khususnya, ia tidak disalurkan kembali kepada pemproses bahasa dokumen (mis., untuk pengulangan semula)."

Ini bermakna bahawa nilai rentetan yang digunakan dengan sifat kandungan dilayan secara literal. Ia tidak sekali-kali ditafsirkan sebagai penanda, tanpa mengira bahasa dokumen yang digunakan.

Contoh

Pertimbangkan yang berikut:

Atas ialah kandungan terperinci Bolehkah Harta `kandungan` CSS Menyuntik HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn