Вградените кадри, често наричани само "рамки за вграждане", са единственият тип рамка, разрешена в HTML5. Тези рамки са по същество част от вашата страница, която "изрязвате". В пространството, което сте извадили от страницата, можете да захранвате външна уеб страница. По същество, iframe е друг прозорец на браузъра, който се намира точно във вашата уеб страница. Включвате индексите, които обикновено се използват в сайтове, които трябва да включват външно съдържание като Google карта или видеоклип от YouTube. И двата популярни уеб сайта използват вградения код за вграждане.
Как да използвате елемента IFRAME
Елементът използва глобалните елементи на HTML5, както и няколко други елемента. Четири са също атрибути в HTML 4.01:
- - URL адреса на източника на рамката
- - височината на прозореца
- - ширината на прозореца
- - името на прозореца
И три са нови в HTML5:
srcdoc- HTML за източника на рамката. Този атрибут има предимство пред всеки URL адрес вSRCатрибутпясък- списък на функциите, които трябва да бъдат разрешени или забранени в прозореца на рамкатабезшевни-Рекламира на потребителския агент, че вградената рамка трябва да се изобрази така, сякаш е невидима част от основния документ
За да създадете проста рамка, настройте URL адреса на източника и ширината и височината:
Имайте предвид, че можете да изберете да не използвате стойности на пикселите за настройките на вградената ви рамка, но вместо това може да решите да използвате процент. Ако изграждате отзивчив уеб сайт, чийто размер трябва да се променя с различни размери на екрана, тези проценти ще бъдат важни.
Има и някои атрибути, които са валидни в HTML 4.01, но са остарели в HTML5. Тъй като повечето уебсайтове днес използват HTML5 +, тези атрибути са тези, които няма да искате да използвате (но които може да видите в някои наследствени документи).
- -Вместо, използвайте
Аелемент за връзка към описание - -Вместо, използвайте CSS
поплавъкИмот allowtransparency-Вместо, използвайте CSSзаден плансобственост, за да се направи прозрачният ifram- - не използвайте
границаCSS собственост marginheight-Вместо, използвайте CSSмаржИмотmarginwidth-Вместо, използвайте CSSмаржИмот- -Вместо, използвайте CSS
препълванеИмот
Поддръжка на браузъра IFRAME
Най- IFRAME елемент се поддържа от всички съвременни браузъри:
- андроид
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- сафари
Ако в горния списък не се показва номер на версията, това се дължи на това, че всички версии на този браузър го поддържат.
Едно нещо, което трябва да се има предвид, е, че докато всички браузъри поддържат IFRAME елемент, все още има ограничена поддръжка за някои от функциите на HTML5.
- Използвайки
препълванеизключването на превъртането не е надеждно. Ако не искате панелите за превъртане на вградените ви рамки, трябва да продължите да използватепревъртанеатрибут. - Най-
srcdoc,пясък, ибезшевниатрибутите не се поддържат от никакви браузъри понастоящем.
Свързване с вътрешни рамки
Когато дадете вградените си рамки a име или документ за самоличност след това можете да посочите връзките си в този кадър с атрибута на А елемент. След това, когато потребителят кликне върху връзката, той ще се отвори вътре в съответната рамка, вместо в текущия прозорец.
Опитайте сами. Въведете следното в уеб страница:
Това е моята рамка
Когато кликнете върху тази връзка, ще се отвори нов документ в горния прозорец.
ID = "myIframe" src = "http://webdesign.about.com/#lp-main" височина = "200px" width = "500px">
Ако документът е отворен в IFRAME няма зададени цели, тогава всички тези връзки ще се отварят в същия индекс като документа-родител.
Можете да използвате тази функция, за да създадете връзки в едно IFRAME промяна на съдържанието на друга IFRAME на същата страница.
IFrames и сигурност
Най- IFRAME елемент, сам по себе си, не представлява риск за вас или вашите читатели. За съжаление вградените рамки са получили лоша репутация, защото могат да бъдат използвани от злонамерени уебсайтове, за да включват съдържание, което може да зарази компютъра на посетителя, без да ги вижда на страницата. Това се прави, като връзките сочат към невидимия IFRAME и тези скриптове изключват злонамерен код. Потребителят кликва върху връзката и мисли, че връзката е нарушена, защото нищо не изглеждаше да се случи, но се появи скрипт, където не можаха да я видят.
Има и компютърни вируси, които ще инжектират невидим IFRAME в уеб страниците си, ефективно превръщайки вашия уеб сайт в ботнет. Те могат да направят това чрез SQL инжекция и други атаки.
Това, което трябва да запомните, когато включите IFRAME на вашата уеб страница е, че вашите потребители са само толкова сигурни, колкото съдържанието на всички сайтове, към които се свързвате. Ако имате основание да смятате, че даден сайт не е надежден, не го свързвайте по никакъв начин и определено не включвайте съдържанието му в IFRAME, Свързването с вашите собствени страници в рамките на вградените рамки обаче не създава риск за вас или вашите потребители.
Оригинална статия на Дженифър Кринин. Променено на 11/7/16 от Джереми Жирар
