Rumah >hujung hadapan web >html tutorial >Penjelasan terperinci tentang penggunaan teg iframe (atribut, ketelusan, ketinggian penyesuaian)_HTML/Xhtml_Pengeluaran halaman web

Penjelasan terperinci tentang penggunaan teg iframe (atribut, ketelusan, ketinggian penyesuaian)_HTML/Xhtml_Pengeluaran halaman web

WBOY
WBOYasal
2016-05-16 16:41:072049semak imbas

1. takrif dan penggunaan iframe

Elemen iframe mencipta bingkai sebaris (iaitu, bingkai sebaris) yang mengandungi dokumen lain.

Perbezaan antara HTML dan XHTML

Dalam HTML 4.1 Strict DTD dan XHTML 1.0 Strict DTD, elemen iframe tidak disokong.

Petua dan Nota:

Petua: Anda boleh meletakkan teks yang diperlukan antara

Kandungan dalam teg iframe boleh dipaparkan apabila penyemak imbas tidak menyokong teg iframe

Atribut

Sifat nilai Penerangan DTD
align
  • kiri
  • kanan
  • atas
  • tengah
  • bawah
属性 描述 DTD
align
  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

TF
frameborder
  • 1
  • 0
规定是否显示框架周围的边框。 TF
height
  • pixels
  • %
规定 iframe 的高度。 TF
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。 TF
marginheight pixels 定义 iframe 的顶部和底部的边距。 TF
marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF
name frame_name 规定 iframe 的名称。 TF
scrolling
  • yes
  • no
  • auto
规定是否在 iframe 中显示滚动条。 TF
src URL 规定在 iframe 中显示的文档的 URL。 TF
width
  • pixels
  • %
定义 iframe 的宽度。 TF
Ditamatkan. Sila gunakan gaya sebaliknya. Menentukan cara bingkai ini harus dijajarkan berbanding dengan elemen sekeliling.
TF
frameborder
  • 1
  • 0
Menentukan sama ada untuk memaparkan jidar di sekeliling bingkai. TF
tinggi
  • piksel
  • %
Menentukan ketinggian iframe. TF
longdesc URL Menentukan halaman yang mengandungi penerangan yang lebih panjang tentang iframe. TF
marginheight piksel Tentukan jidar atas dan bawah iframe. TF
marginwidth piksel Tentukan jidar kiri dan kanan iframe. TF
nama frame_name Menentukan nama iframe. TF
menatal
  • ya
  • tidak
  • auto
Menentukan sama ada untuk memaparkan bar skrol dalam iframe. TF
src URL Menentukan URL dokumen yang dipaparkan dalam iframe. TF
lebar
  • piksel
  • %
Tentukan lebar iframe. TF

Contoh


Salin kod
Kod adalah seperti berikut:



Gunakan piksel untuk menentukan saiz bingkai iframe

Salin kod
Kodnya adalah seperti berikut:



Gunakan peratusan untuk menentukan saiz bingkai iframe


2 fail Dalam teg saya telah menambah style="background-color=transparent". Melalui empat cara menulis IFRAME berikut, saya fikir anda harus mempunyai pemahaman yang jelas tentang cara melaksanakan kesan ketelusan latar belakang iframe:




Salin kod
Kod adalah seperti berikut:
sesetengah Pelayar boleh disediakan untuk menyekat iframe sebagai iklan.

Saya menggunakan iframe dalam kandungan kerja baru-baru ini. Masalah yang saya hadapi pada mulanya ialah iframe sangat menyesuaikan diri. Saya menemui penyelesaian untuk masalah ini dalam blog pasukan Ued Koubei.com, dan kemudian saya menghadapi masalah Ketelusan

Biasanya warna latar belakang iframe berwarna putih, yang mungkin warna berbeza dalam pelayar yang berbeza
Jika halaman utama mempunyai warna latar belakang keseluruhan atau imej latar belakang

Blok putih akan muncul di kawasan iframe, yang tidak konsisten dengan halaman utama, yang memerlukan ketelusan iframe

Saya menemui penyelesaiannya dengan mencari ketelusan iframe di Google





Salin kod


Kod adalah seperti berikut:
Sudah tentu, premisnya ialah warna tidak ditetapkan dalam halaman iframe [kod] Nota: iframe transparency terutamanya menggunakan allowtransparency="true" style="background-color=transparent" 3 Disebabkan Artikel terlalu panjang, anda boleh beralih ke sini untuk melihat
http://www.jb51. net/article/15780.htm
4. Keluarkan kod pengiklanan iframe melalui js
[kod]
document.write('
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
Artikel sebelumnya:Pengenalan kepada perbezaan antara ikon pintasan dan kod ikon_HTML/Xhtml_Pengeluaran halaman webArtikel seterusnya:Pengenalan kepada perbezaan antara ikon pintasan dan kod ikon_HTML/Xhtml_Pengeluaran halaman web

Artikel berkaitan

Lihat lagi