Inline Frames Hayaan mong Isama ang Nilalaman mula sa Mga Panlabas na Pagmumulan sa Iyong Mga Pahina
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. Nakikita mo ang karaniwang mga 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 sa katangian ng src
- sandbox-isang listahan ng mga tampok na dapat pahintulutan o hindi pinahintulutan sa window ng frame
- walang tahi -tell ang user agent na ang iframe ay dapat na maisagawa tulad ng hindi nakikita na 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 elemento upang i-link sa isang paglalarawan
- -paalala, gamitin ang ari-arian ng float ng CSS
- allowtransparency -magagamit, gamitin ang CSS background property upang gawing transparent ifram
- -Upang gamitin ang property ng CSS hangganan
- marginheight -magagamit, gamitin ang CSS margin property
- marginwidth -magagamit, gamitin ang CSS margin property
- -Upang, gamitin ang CSS overflow property
Suporta ng IFRAME Browser
Ang IFRAME na 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 samantalang sinusuportahan ng lahat ng mga browser ang elementong IFRAME, mayroong limitadong suporta para sa ilan sa mga tampok ng HTML5.
- Ang paggamit ng overflow upang i-scroll ay hindi maaasahan. Kung ayaw mong mag-scrollbars sa iyong mga iframe, dapat mong patuloy na gamitin ang katangian ng pag-scroll.
- Ang srcdoc, sandbox, at seamless attribute ay hindi sinusuportahan ng anumang mga browser sa oras na ito.
Pag-uugnay sa mga Iframe
Kapag binibigyan mo ang iyong mga iframe ng isang pangalan o id maaari mong ituro ang iyong mga link sa frame na may katangian sa isang 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:
Kung ang dokumento na binuksan sa IFRAME ay walang anumang mga target na itinakda, ang lahat ng mga link na iyon ay magbubukas sa parehong iframe bilang dokumento ng magulang .
Maaari mong gamitin ang tampok na ito upang gumawa ng mga link sa isang IFRAME baguhin ang mga nilalaman ng isa pang IFRAME sa parehong pahina.
IFrames and Security
Ang elementong IFRAME, 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. Ginagawa ito sa pamamagitan ng pagkakaroon ng mga link na tumuturo sa hindi nakikitang IFRAME at itinatakda ng mga script ang nakahahamak na 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 magsusulsol ng isang hindi nakikitang IFRAME sa iyong mga web page, na mabisa 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 kasama ang isang IFRAME sa iyong web page ay ang iyong mga gumagamit ay ligtas lamang bilang nilalaman ng lahat ng mga site na iyong ini-link. 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 isama 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