Рамкі Инлайн дазваляюць ўключаць змесціва з знешніх крыніц на вашых старонках
Убудаваныя рамкі, звычайна проста называюць «» фрэймамі з'яўляюцца адзіным тыпам кадра дазволены ў HTML5. Гэтыя кадры, па сутнасці, раздзел вашай старонкі, якую вы «выразаць». У прасторы, якое вы выразалі старонкі, вы можаце карміць ў вонкавым вэб-старонцы. У сутнасці, IFrame іншае акно браўзэра усталяваны прама ўсярэдзіне вашай вэб-старонцы. Вы бачыце плаваюць фрэймы звычайна выкарыстоўваюцца на вэб-сайтах, якія павінны ўключаць у сябе знешняе змесціва, як карты Google або відэа з YouTube.
Абодва гэтых папулярных вэб-сайтаў выкарыстоўваюць фрэймы ў іх ўбудавання кода.
Як выкарыстоўваць IFRAME элемент
Элемент выкарыстоўвае глабальныя элементы HTML5, а таксама некалькі іншых элементаў. Чатыры таксама атрыбуты ў HTML 4.01:
- -The URL-адрас для крыніцы кадра
- -The вышыня акна
- -The шырыня акна
- -The імя акна
І тры новыя ў HTML5:
- srcdoc -The HTML для крыніцы кадра. Гэты атрыбут мае прыярытэт над любой URL у атрыбуце SRC
- пясочніца спіс -a функцый, якія павінны быць дазволены або забаронены ў акне кадра
- бясшвоўны -tells агент карыстальніка, што IFrame павінен быць аказаны як гэта нябачна частка бацькоўскага дакумента
Для таго, каб пабудаваць простую IFRAME, вы ўсталюеце URL крыніцы і шырыню і вышыню:
Звярніце ўвагу, што вы можаце не выкарыстоўваць значэнне пікселяў для наладкі вашага фрэйма, але замест гэтага можа прыняць рашэнне выкарыстаць працэнт.
Калі вы будуеце спагадны сайт , чые праклейвання павінны змяняцца з рознымі памерамі экрана, гэтыя працэнты будуць мець важнае значэнне.
Ёсць таксама некаторыя атрыбуты, якія сапраўдныя на HTML 4.01, але састарэлыя ў HTML5. Бо большасць сайтаў сёння выкарыстоўваюць HTML5 +, гэтыя атрыбуты з'яўляюцца тыя, якія вы не хочаце выкарыстоўваць (але якія вы можаце ўбачыць у некаторых старых дакументах).
- -instead, выкарыстоўваць элемент для сувязі з апісаннем
- -instead, выкарыстоўвайце ўласцівасць CSS з якая плавае кропкай
- allowtransparency -instead, выкарыстоўвайце CSS фонавае ўласцівасць зрабіць ifram празрыстым
- -instead выкарыстоўваць ўласцівасць мяжы CSS
- MARGINHEIGHT -instead, выкарыстоўвайце ўласцівасць маржы CSS
- MARGINWIDTH -instead, выкарыстоўвайце ўласцівасць маржы CSS
- -instead, выкарыстоўвайце ўласцівасць перапаўнення CSS
IFRAME Падтрымка браўзэраў
Элемент IFRAME падтрымліваецца ўсімі сучаснымі браўзэрамі:
- Android
- хром
- Firefox
- Internet Explorer 2+
- Ios / Сафары Мабільны
- Netscape 7+
- Opera 3+
- сафары
Калі нумар версіі не адлюстроўваецца ў спісе, то гэта таму, што ўсе версіі гэтага браўзэра падтрымліваюць яго.
Адзінае, што варта памятаць пра тое, што ў той час як усе браўзэры падтрымліваюць элемент IFRAME, ёсць яшчэ абмежаваная падтрымка некаторых функцый HTML5.
- Выкарыстанне перапаўнення, каб адключыць скролінг не з'яўляецца надзейным. Калі вы не хочаце, палос пракруткі на фрэймах, вы павінны працягваць выкарыстоўваць атрыбут прагорткі.
- У srcdoc, пясочніца і бясшвовыя атрыбуты не падтрымліваюцца ніякімі браўзэрамі ў гэты час.
Сувязь з Iframes
Калі вы даеце IFrames імя або ідэнтыфікатар вы можаце паказаць свае спасылкі на гэты кадр з атрыбутам на элемент. Затым, калі карыстальнік націскае на спасылку, яна будзе адкрыта ўнутры спасылкавага фрэйма, а не ў бягучым акне.
Паспрабуйце самі. Калі ласка, увядзіце наступны код у вэб-старонкі:
Калі дакумент адкрыты ў IFRAME не мае нейкія - альбо мэты ўстаноўлены, то ўсе гэтыя спасылкі будуць адкрывацца ў тым жа фрэйме ў якасці бацькоўскага дакумента.
Вы можаце выкарыстоўваць гэтую функцыю , каб зрабіць спасылкі ў адным IFRAME змяніць змесціва іншага IFRAME на той жа старонцы.
IFrames і бяспека
Элемент IFRAME, сам па сабе, не з'яўляецца пагрозай бяспекі для вас ці вашых чытачоў.
На жаль, плаваюць фрэймы атрымалі дрэнную рэпутацыю, таму што яны могуць быць выкарыстаныя зламыснікамі вэб-сайты, каб уключыць змесціва, якое можа заразіць кампутар наведвальніка без іх бачыць яго на гэтай старонцы. Гэта робіцца пры наяўнасці спасылкі паказваюць на нябачнай IFRAME і гэтыя сцэнары адпраўляемся шкоднасны код. Карыстальнік націскае на спасылку, і лічыць, што сувязь парушаная, таму што нічога не з'явілася, каб гэта адбылося, але сцэнар быў адпраўляецца, дзе яны не маглі бачыць яго.
Ёсць таксама кампутарныя вірусы, якія ўпырскваюць нябачны IFRAME ў вашых вэб-старонак, ператвараючы ваш сайт у ботнет. Яны могуць зрабіць гэта праз ін'екцыю SQL і іншыя атакі.
Справа ў тым, каб памятаць, уключаючы IFRAME на вэб-старонцы, што вашыя карыстальнікі толькі бяспечныя, як змест усіх сайтаў, якія вы звязваем. Калі ў вас ёсць падставы адчуваць сайт ненадзейны, ня спасылацца на яго якім-небудзь чынам і найбольш дакладна не ўключаюць яго змесціва ў якасці IFRAME. Спасылкі на ўласныя старонкі фрэймаў, аднак, не стварае пагрозу бяспецы для вас ці вашых карыстальнікаў.
Арыгінал артыкула Джэніфер Krynin. Дата абнаўлення 11/7/16 Джэрэмі Girard