Вградените кадри ви позволяват да включите съдържание от външни източници на страниците си
Вградените кадри, често наричани само "рамки за вграждане", са единственият тип рамка, разрешена в HTML5. Тези рамки са по същество част от вашата страница, която "изрязвате". В пространството, което сте извадили от страницата, можете да захранвате външна уеб страница. По същество, iframe е друг прозорец на браузъра, който се намира точно във вашата уеб страница. Виждате рамки, които обикновено се използват в сайтове, които трябва да включват външно съдържание като карта на Google или видеоклип от YouTube.
И двата популярни уеб сайта използват вградения код за вграждане.
Как да използвате елемента IFRAME
Елементът използва глобалните елементи на HTML5, както и няколко други елемента. Четири са също атрибути в HTML 4.01:
- - URL адреса на източника на рамката
- - височината на прозореца
- - ширината на прозореца
- - името на прозореца
И три са нови в HTML5:
- srcdoc - HTML за източника на рамката. Този атрибут има предимство пред всеки URL адрес в атрибута src
- sandbox - списък с функции, които трябва да бъдат разрешени или забранени в прозореца на рамката
- безпроблемна - указва на потребителския агент, че вградената рамка трябва да се изобрази така, сякаш е невидима част от основния документ
За да създадете проста рамка, настройте URL адреса на източника и ширината и височината:
Имайте предвид, че можете да изберете да не използвате стойности на пикселите за настройките на вградената ви рамка, но вместо това може да решите да използвате процент.
Ако изграждате отзивчив уеб сайт, чийто размер трябва да се променя с различни размери на екрана, тези проценти ще бъдат важни.
Има и някои атрибути, които са валидни в HTML 4.01, но са остарели в HTML5. Тъй като повечето уебсайтове днес използват HTML5 +, тези атрибути са тези, които няма да искате да използвате (но които може да видите в някои наследствени документи).
- -вместо, използвайте елемент А, за да се свържете с описание
- -вместо, използвайте CSS float property
- 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.
- Използването на препълване, за да изключите превъртането, не е надеждно. Ако не искате бутоните за превъртане на вградените си рамки, трябва да продължите да използвате атрибута за превъртане.
- Сърцето, пясъка и безпроблемните атрибути понастоящем не се поддържат от никакви браузъри.
Свързване с вътрешни рамки
Когато дадете на интроспективите си име или идентификатор, можете да посочите връзките си в този кадър с атрибута на елемента А. След това, когато потребителят кликне върху връзката, той ще се отвори вътре в съответната рамка, вместо в текущия прозорец.
Опитайте сами. Въведете следното в уеб страница:
Ако документът, отворен в IFRAME, няма зададени цели , тогава всички тези връзки ще се отворят в една и съща iframe като основния документ.
Можете да използвате тази функция, за да направите връзки в един IFRAME да променя съдържанието на друг IFRAME на една и съща страница.
IFrames и сигурност
Елементът IFRAME, сам по себе си, не представлява риск за вас или вашите читатели.
За съжаление вградените рамки са получили лоша репутация, защото могат да бъдат използвани от злонамерени уебсайтове, за да включват съдържание, което може да зарази компютъра на посетителя, без да ги вижда на страницата. Това се прави, като връзките сочат към невидимия IFRAME и тези скриптове задействат злонамерен код. Потребителят кликва върху връзката и мисли, че връзката е нарушена, защото нищо не изглеждаше да се случи, но се появи скрипт, където не можаха да я видят.
Има и компютърни вируси, които ще инжектират невидим IFRAME във вашите уеб страници, ефективно превръщайки вашия уеб сайт в ботнет. Те могат да направят това чрез SQL инжекция и други атаки.
Нещото, което трябва да запомните при включването на IFRAME на уеб страницата ви, е, че потребителите ви са само толкова сигурни, колкото съдържанието на всички сайтове, към които се свързвате. Ако имате основание да почувствате, че даден сайт не е надежден, не го свързвайте по никакъв начин и определено не включвайте съдържанието му в IFRAME. Свързването с вашите собствени страници в рамките на вградените рамки обаче не създава риск за вас или вашите потребители.
Оригинална статия на Дженифър Кринин. Променено на 11/7/16 от Джереми Жирар