Ang mga inline na frame, na karaniwang tinutukoy bilang "iframe", ang tanging uri ng frame na pinapayagan sa HTML5. Ang mga frame na ito ay mahalagang bahagi ng iyong pahina na "pinutol" mo. Sa espasyo na iyong pinutol mula sa pahina, maaari ka nang mag-feed sa isang panlabas na webpage. Sa esensya, ang isang iframe ay isa pang window ng browser na nakatakda sa loob ng iyong web page. Nag-seecode ka kung karaniwang ginagamit sa mga website na kailangang isama ang panlabas na nilalaman tulad ng Google mapa o isang video mula sa YouTube. Ang parehong mga tanyag na mga website ay gumagamit ng mga iframe sa kanilang embed code.
Paano Gamitin ang IFRAME Element
Ginagamit ng elemento ang mga elemento ng global HTML5 pati na rin ang maraming iba pang mga elemento. Apat din ang mga katangian sa HTML 4.01:
- -Ang URL para sa pinagmulan ng frame
- -Ang taas ng bintana
- -Ang lapad ng bintana
- -Ang pangalan ng window
At tatlong bago sa HTML5:
srcdoc-Ang HTML para sa pinagmulan ng frame. Ang katangiang ito ay nangunguna sa anumang URL sasrckatangiansandbox-Isang listahan ng mga tampok na dapat pahintulutan o hindi pinahintulutan sa window ng framewalang tahi-Tingnan ang ahente ng user na ang iframe ay dapat na maisagawa tulad ng hindi nakikitang bahagi ng dokumento ng magulang
Upang bumuo ng isang simpleng iframe, itinakda mo ang source URL at lapad at taas:
Tandaan na maaari mong piliin na huwag gumamit ng mga pixel value para sa mga setting ng iyong iframe, ngunit maaaring magpasya sa halip na gumamit ng isang porsyento. Kung nagtatayo ka ng isang tumutugon na website na dapat baguhin ng sizing na may iba't ibang laki ng screen, ang mga porsyento na ito ay magiging mahalaga.
Mayroon ding ilang mga katangian na wasto sa HTML 4.01 ngunit hindi na ginagamit sa HTML5. Yamang ang karamihan sa mga website ngayon ay gumagamit ng HTML5 +, ang mga katangiang ito ay hindi mo nais na gamitin (ngunit maaari mong makita sa ilang mga dokumento sa legacy).
- -Upang, gamitin ang isang
Aelemento upang mag-link sa isang paglalarawan - -Upang gamitin ang CSS
lumutangari-arian allowtransparency-Upang gamitin ang CSSbackgroundari-arian upang gawing transparent ang ifram- -Upang gamitin ang
hanggananAri-arian ng CSS marginheight-Upang gamitin ang CSSmarginari-arianmarginwidth-Upang gamitin ang CSSmarginari-arian- -Upang gamitin ang CSS
pag-apawari-arian
Suporta ng IFRAME Browser
Ang IFRAME Ang elemento ay sinusuportahan ng lahat ng mga modernong browser:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Kung walang numero ng bersyon ay ipinapakita sa listahan sa itaas, iyon ay dahil sinusuportahan ito ng lahat ng mga bersyon ng browser na iyon.
Ang isang bagay na dapat alalahanin ay ang habang sinusuportahan ng lahat ng mga browser ang IFRAME elemento, mayroong limitadong suporta para sa ilan sa mga tampok ng HTML5.
- Paggamit
pag-apawupang i-off ang pag-scroll ay hindi maaasahan. Kung ayaw mong mag-scrollbars sa iyong mga iframe, dapat mong patuloy na gamitin angscrollkatangian. - Ang
srcdoc,sandbox, atwalang tahiAng mga katangian ay hindi suportado ng anumang mga browser sa oras na ito.
Pag-uugnay sa mga Iframe
Kapag binigyan mo ang iyong mga iframes a pangalan o id maaari mong ituro ang iyong mga link sa frame na may katangian sa A elemento. Pagkatapos, kapag nag-click ang isang user sa link, bubuksan ito sa loob ng reference na iframe kaysa sa kasalukuyang window.
Subukan ito sa iyong sarili. I-type ang sumusunod sa isang web page:
Ito ang aking iframe
Kapag na-click mo ang link na ito, magbubukas ito ng isang bagong dokumento sa loob ng window sa itaas.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
Kung nabuksan ang dokumento sa IFRAME ay walang anumang mga target na naka-set, pagkatapos ay i-open ang lahat ng mga link na iyon sa parehong iframe bilang dokumento ng magulang.
Maaari mong gamitin ang tampok na ito upang gumawa ng mga link sa isa IFRAME baguhin ang mga nilalaman ng isa pa IFRAME sa parehong pahina.
IFrames and Security
Ang IFRAME Ang elemento, sa pamamagitan mismo nito, ay hindi panganib sa seguridad sa iyo o sa iyong mga mambabasa. Sa kasamaang palad ang mga nakuha ng isang masamang reputasyon dahil maaaring magamit sila ng mga nakakahamak na website upang maisama ang nilalaman na maaaring makaapekto sa computer ng isang bisita nang hindi nakikita ito sa pahina. Ito ay ginagawa sa pamamagitan ng pagkakaroon ng mga link na tumuturo sa hindi nakikita IFRAME at ang mga script na itinakda malisyosong code. Ang gumagamit ay nag-click sa link at sa palagay na ang link ay nasira dahil wala mukhang mangyari, ngunit ang isang script ay naka-set off kung saan hindi nila makita ito.
Mayroon ding mga virus ng computer na magpapasok ng hindi nakikita IFRAME sa iyong mga web page, epektibong i-on ang iyong website sa isang botnet. Magagawa nila ito sa pamamagitan ng SQL injection at iba pang pag-atake.
Ang bagay na dapat tandaan kapag kabilang ang isang IFRAME sa iyong web page ay ang iyong mga gumagamit ay ligtas lamang bilang ang nilalaman ng lahat ng mga site na iyong na-link sa. Kung mayroon kang dahilan upang maramdaman ang isang site ay hindi karapat-dapat, huwag i-link ito sa anumang paraan at pinaka-tiyak na hindi kasama ang mga nilalaman nito sa isang IFRAME. Ang pag-link sa iyong sariling mga pahina sa loob ng mga iframe, gayunpaman, ay hindi nagpapakita ng panganib sa seguridad para sa iyo o sa iyong mga gumagamit.
Orihinal na artikulo ni Jennifer Krynin. Na-edit noong 11/7/16 ni Jeremy Girard
