Вградените рамки ви овозможуваат да вклучите содржина од надворешни извори на вашите страници
Вградените рамки, кои обично се нарекуваат "iframes", се единствениот тип на рамка дозволена во HTML5. Овие рамки во суштина се дел од вашата страница што ја "отсекувате". Во просторот што сте го отсекле од страната, тогаш можете да се најавите на надворешна веб-страница. Во суштина, iframe е друг прозорец на прелистувачот поставен токму во вашата веб-страница. Гледате iframs најчесто се користат на веб-сајтови кои треба да вклучуваат надворешна содржина како мапа на Google или видео од YouTube.
Двете оние популарни веб-сајтови користат iframes во нивниот вграден код.
Како да го користите елементот IFRAME
Елементот ги користи HTML5 глобалните елементи, како и неколку други елементи. Четири се исто така атрибути во HTML 4.01:
- - URL за изворот на рамката
- - висината на прозорецот
- - ширината на прозорецот
- - името на прозорецот
И три се нови во HTML5:
- srcdoc - HTML за изворот на рамката. Овој атрибут има приоритет над било кој URL во атрибутот src
- sandbox - листа на функции кои треба да се дозволат или не се дозволени во прозорецот на рамката
- беспрекорно - го наведува корисничкиот агент дека iframe треба да биде изречена како невидливо дел од родителскиот документ
За да изградите едноставен iframe, поставувате изворниот URL и ширината и висината:
Забележете дека можете да одберете да не користите вредности на пиксели за поставувањата на вашиот iframe, но може да одлучите да користите процент.
Ако градите реалистична веб-страница чија големина треба да се промени со различни големини на екранот, овие проценти ќе бидат важни.
Исто така постојат и некои атрибути кои се валидни во HTML 4.01, но застарени во HTML5. Бидејќи повеќето веб-сајтови денес користат HTML5 +, овие атрибути се оние што не сакате да ги користите (но кои може да ги видите во некои наследни документи).
- -наместо, користете елемент А за поврзување со описот
- -наместо, користете го CSS пловиот имот
- овозможи транспарентност -наместо, користете својство на позадина во CSS за транспарентност на ifram
- -наместо да го користи границата CSS сопственост
- маргинално-ненадејно, користете ја маршната вредност на CSS
- маргиналната ширина -наместо, користете го CSS маргината сопственост
- -наместо, користете го CSS претекување на имотот
IFRAME Browser Support
Елементот IFRAME е поддржан од сите современи прелистувачи:
- Андроид
- Хром
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Сафари
Ако не е прикажан бројот на верзијата во горенаведената листа, тоа е затоа што сите негови верзии го поддржуваат.
Една работа да се потсетиме е дека додека сите прелистувачи го поддржуваат елементот IFRAME, сеуште постои ограничена поддршка за некои од функциите HTML5.
- Користењето претекување за исклучување на лизгањето не е сигурно. Ако не сакате лизгачи на вашите iframes, треба да продолжите да го користите атрибутот за скролување.
- Во моментов, ниедно прелистувачи не поддржуваат srcdoc, sandbox и безшевни атрибути.
Поврзување со лифтовите
Кога ќе им дадете на вашите iframes име или идентификација, тогаш можете да ги прикажете вашите врски во таа рамка со атрибутот на елементот А. Потоа, кога корисникот ќе кликне на врската, ќе се отвори внатре во референцираниот iframe, а не во тековниот прозорец.
Пробајте го тоа сами. Внесете го следново во веб-страница:
Доколку документот отворен во IFRAME нема поставено цели , тогаш сите тие врски ќе се отвори во истата рамка како и родителскиот документ.
Можете да ја користите оваа функција за да направите линкови во една IFRAME да ја смените содржината на друга IFRAME на истата страница.
IFrames и безбедност
Element IFRAME сам по себе не претставува ризик за безбедноста за вас или вашите читатели.
За жал, iframes имаат добиено лоша репутација, бидејќи тие можат да се користат од страна на злонамерен веб-сајтови да се вклучат содржина која може да зарази компјутерот на посетителот без нив гледајќи го на страната. Ова е направено со тоа што врските укажуваат на невидливиот IFRAME и тие скрипти подигнуваат злонамерен код. Корисникот ќе кликне на линкот и смета дека врската е скршена, бидејќи ништо не се случило, но скрипта била исфрлена онаму каде што не можеше да се види.
Исто така постојат и компјутерски вируси кои ќе инјектираат невидлив IFRAME во вашите веб страни, ефикасно ќе го претворат вашиот веб-сајт во ботнет. Тие можат да го направат тоа преку SQL инјекција и други напади.
Она што треба да се запамети кога вклучува IFRAME на вашата веб-страница е дека вашите корисници се исто толку безбедни како и содржината на сите сајтови со кои се поврзувате. Ако имате причина да почувствувате дека сајтот е неверодостојно, не поврзувајте со него на кој било начин и дефинитивно не ја вклучувајте нејзината содржина во IFRAME. Меѓутоа, поврзувањето со вашите сопствени страници во рамките на iframes не претставува ризик за безбедноста за вас или за вашите корисници.
Авторски напис од Џенифер Крајнин. Уредено на 11/7/16 од Џереми Жирар