Bingkai HTML
Dengan menggunakan bingkai, anda boleh memaparkan lebih daripada satu halaman dalam tetingkap penyemak imbas yang sama.
sintaks iframe:
<iframe src="URL"></iframe>URL ini menghala ke halaman web lain.
Iframe - Tetapkan ketinggian dan lebar
Atribut ketinggian dan lebar digunakan untuk menentukan ketinggian dan lebar teg iframe.
Sifat berada dalam piksel secara lalai, tetapi anda boleh menentukan bahawa ia dipaparkan secara berkadar (cth. "80%").
Contoh
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="demo_iframe.htm" width="200" height="200"></iframe> <p>一些旧的浏览器不支持 iframe。</p> <p>如果浏览器不支持 iframes 则不会显示。</p> </body> </html>
Jalankan instance»
Klik butang "Run instance" untuk melihat contoh dalam talian
Iframe - alih keluar sempadan
frameborder atribut Dalam mentakrifkan iframe, ia menunjukkan sama ada untuk memaparkan sempadan.
Tetapkan nilai atribut kepada "0" untuk mengalih keluar sempadan iframe:
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0"> <p>您的浏览器不支持 iframe 标签。</p> </iframe> </body> </html>
Jalankan instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Gunakan iframe untuk memaparkan halaman pautan direktori
iframe boleh memaparkan pautan sasaran halaman
Atribut pautan sasaran mesti menggunakan atribut iframe, seperti yang ditunjukkan di bawah:
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.php.cn" target="iframe_a">php.cn</a></p> <p><b>注意：</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。</p> </body> </html>
Running Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
HTML iframe tag
| Tag | Penerangan | ||||
|---|---|---|---|---|---|
<iframe>
| Tentukan iframe sebaris |
