Bolehkah Dokumen atau Serpihan HTML Dipaparkan dalam Kandungan Dijana CSS?-tutorial css-php.cn

Bolehkah Dokumen atau Serpihan HTML Dipaparkan dalam Kandungan Dijana CSS?

Linda Hamilton

Lepaskan： 2024-10-24 01:46:02

asal

427 orang telah melayarinya

Can HTML Documents or Fragments Be Displayed in CSS Generated Content?

Adakah mungkin untuk memaparkan dokumen .html atau .html serpihan dalam kandungan CSS?

Sifat kandungan HTML digunakan untuk memasukkan sumber luar menjadi elemen. Sumber ini boleh menjadi imej, video atau dokumen HTML.

Untuk memaparkan dokumen HTML dalam sifat kandungan, anda boleh menggunakan fungsi url() untuk menentukan URL dokumen. Contohnya:

<code class="css">.content {
  content: url(example.html);
}</code>

Salin selepas log masuk

Ini akan memaparkan kandungan fail example.html dalam elemen .content.

Anda juga boleh menggunakan sifat kandungan untuk memaparkan serpihan HTML. Serpihan HTML ialah sekeping kod HTML yang tidak mengandungi atau tag. Untuk memaparkan serpihan HTML dalam sifat kandungan, anda boleh menggunakan data: skema URI. Contohnya:

<code class="css">.content {
  content: url(data:text/html,<html><body><h1>Hello, world!</h1></body></html>);
}</code>

Salin selepas log masuk

Ini akan memaparkan teks "Hello, dunia!" dalam elemen .content.

Adakah mungkin untuk memaparkan dokumen .html atau elemen .html dalam kandungan yang dijana CSS; menggunakan pendekatan yang ditunjukkan oleh @LGSon. Termasuk kandungan yang dijana CSS dalam HTML di SVG juga.

Ya, adalah mungkin untuk memaparkan dokumen HTML atau elemen HTML dalam kandungan yang dijana CSS menggunakan pendekatan yang ditunjukkan oleh @LGSon. Pendekatan ini melibatkan penggunaan URI data untuk membenamkan kandungan HTML ke dalam fail CSS, dan kemudian menggunakan sifat kandungan untuk memaparkan kandungan HTML.

Sebagai contoh, kod CSS berikut membenamkan kandungan HTML contoh. html ke dalam fail CSS:

<code class="css">.content {
  content: url(data:text/html,<?php echo file_get_contents('example.html'); ?>);
}</code>

Salin selepas log masuk

Kod ini akan memaparkan kandungan fail example.html dalam elemen .content.

Anda juga boleh menggunakan pendekatan ini untuk memaparkan HTML serpihan dalam kandungan yang dihasilkan CSS. Sebagai contoh, kod CSS berikut membenamkan serpihan HTML

Hello, dunia!

ke dalam fail CSS:

<code class="css">.content {
  content: url(data:text/html,<p>Hello, world!</p>);
}</code>

Salin selepas log masuk

Kod ini akan memaparkan teks "Hello, dunia!" dalam elemen .kandungan.

Atas ialah kandungan terperinci Bolehkah Dokumen atau Serpihan HTML Dipaparkan dalam Kandungan Dijana CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!