1. Definisi dan penggunaan iframeIframes umumnya digunakan untuk memasukkan halaman lain. Misalnya, kami dapat memuat konten dari situs web orang lain di halaman situs web kami sendiri. Untuk hasil yang lebih baik, kita mungkin perlu membuat iframe transparan. Maka kita perlu tahu lebih banyak atribut iframe. Berikut ini adalah kompilasi sederhana untuk memfasilitasi teman yang membutuhkannya.
Elemen iframe membuat bingkai inline (mis., Bingkai inline) yang berisi dokumen lain.
Perbedaan antara HTML dan XHTML
Dalam HTML 4.1 DTD dan XHTML 1.0 DTD yang ketat, elemen iframe tidak didukung.
Kiat dan Komentar:
Kiat: Anda dapat menempatkan teks yang diperlukan antara <Frame> dan </iframe> sehingga Anda dapat menangani browser yang tidak dapat memahami iframe.
Tag iframe muncul berpasangan, mulai dengan <frame> dan diakhiri dengan </iframe>
Konten dalam tag iframe dapat ditampilkan saat browser tidak mendukung tag iframe.
milik
Contoh
Kodenya adalah sebagai berikut:
<iframe src = http: //www.vevb.com width = 200 tinggi = 500>
Home Script menggunakan teknologi kerangka kerja, tetapi browser Anda tidak mendukung kerangka kerja. Harap tingkatkan browser Anda untuk mengakses rumah skrip secara normal.
</iframe>
Tentukan ukuran bingkai iframe menggunakan piksel
Kodenya adalah sebagai berikut:
<iframe src = http: //www.baidu.com Lebar = 20% tinggi = 50%>
Home Script menggunakan teknologi kerangka kerja, tetapi browser Anda tidak mendukung kerangka kerja. Harap tingkatkan browser Anda untuk mengakses rumah skrip secara normal.
</iframe>
Tentukan ukuran bingkai iframe menggunakan persentase
2. IfRame Transparan
Dalam tag <body> dari file transparentbody.htm, saya telah menambahkan gaya = latar belakang-color = transparan. Melalui empat metode penulisan iframe berikut, saya pikir Anda harus memiliki pemahaman yang jelas tentang implementasi efek transparan dari latar belakang iframe:
Kodenya adalah sebagai berikut:
<Iframe id = frame1 src = transparentbody.htm allupransparency = true> </iframe>
<Iframe id = frame2 src = transparentbody.htm allupransparency = true style = latar belakang-warna: green> </iframe>
<Iframe id = frame3 src = transparentbody.htm> </iframe>
<Iframe id = frame4 src = transparentbody.htm style = latar belakang-color: green> </iframe>
Iframes dipaksa untuk digunakan karena menggunakan iframes akan membawa lebih banyak masalah, dan beberapa browser dapat mengatur iframe untuk memblokirnya sebagai iklan.
Saya menggunakan iframes dalam konten kerja terbaru. Masalah yang saya temui di awal adalah masalah iframe sangat mudah beradaptasi. Masalah ini ditemukan di blog tim UED Kouwang.com. Kemudian, saya mengalami masalah transparan iframe.
Biasanya warna latar belakang iframe akan berwarna putih, dan mungkin ada warna yang berbeda di bawah browser yang berbeda.
Jika halaman utama memiliki warna latar belakang atau gambar latar belakang secara keseluruhan
Blok putih akan muncul di area iframe, yang tidak konsisten dengan halaman utama, yang mengharuskan iframe transparan
Cari solusi iframe transparan yang ditemukan
Kodenya adalah sebagai berikut:
<iframe src =./ads_top_tian.html memungkinkan transparency = gaya true = latar belakang-warna = judul transparan = test frameborder = 0 lebar = 470 tinggi = 308 gulir = tidak> </iframe> Tentu saja premisnya adalah tidak ada warna yang diatur dalam halaman Iframe =
[kode]
Catatan: Transparansi iframe terutama menggunakan AllowRansparency = True style = latar belakang-color = transparan
<strong> 3. Iframe tinggi adaptif
</strong> karena panjangnya terlalu panjang, Anda dapat pindah ke sini untuk dilihat
<target = _blank href = http: //www.vevb.com/vip/20767.html> http://www.vevb.com/vip/20767.html </a>
<strong> 4. Output kode iklan iframe melalui JS
</strong> [kode]
Document.write ('<iframe align = marginwidth tengah = 0 marginheight = 0 src = http: //www.vevb.com/vip/24902.html frameborder = tidak menggulir = tidak ada lebar = 660 tinggi = 80> </iframe>');