Кірістірілген рамкалар сіздің беттеріңіздегі сыртқы көздерден мазмұнды қосуға мүмкіндік береді
Әдетте «iframes» деп аталатын кірістірілген рамкалар HTML5 ішіне рұқсат етілген жалғыз түрі болып табылады. Бұл рамкалар сіздің «кесілген» беттің бір бөлігі болып табылады. Бетті кесіп алған кеңістікте сыртқы веб-беттегі деректерді беруіңізге болады. Шын мәнінде, iframe веб-беттегі басқа браузер терезесі болып табылады. Сіз веб-сайттарда жиі пайдаланылатын графиктерді Google картасын немесе YouTube-тан бейне сияқты сыртқы мазмұнды қамтуы керек.
Екі танымал веб-сайттарда олардың ендірілген кодында iframes қолданылады.
IFRAME элементтерін қалай пайдалануға болады
Элемент HTML5 жаһандық элементтерін және бірнеше басқа элементтерді пайдаланады. Төртеу HTML 4.01-де төлсипаттар:
- - кадрдың қайнар көзі үшін URL
- - терезенің биіктігі
- - терезенің ені
- - терезенің аты
Және үшеуі HTML5-де жаңа:
- srcdoc - кадрдың қайнар көзі үшін HTML. Бұл атрибут src төлсипатындағы кез келген URL мекен-жайынан басымдықты алады
- құм жәшік - рамочта терезесінде рұқсат етілетін немесе рұқсат етілмеген мүмкіндіктер тізімін
- пайдаланушы-адресі, егер iframe көрсетілуге тиіс, ол көрінбейтін түрде ата-аналық құжаттың бөлігі болып табылады
Қарапайым iframe құрастыру үшін, сіз бастапқы URL және ені мен биіктігін орнатасыз:
Егер сіз iframe параметрлері үшін пикселдер мәндерін пайдаланбауды таңдасаңыз, бірақ пайызды пайдалануға шешім қабылдай аласыз.
Егер сіз өлшемі әртүрлі экран өлшемімен өзгеруі тиіс жауапты веб-сайтты құрсаңыз, бұл пайыздар маңызды болады.
HTML 4.01 ішінде жарамды, бірақ HTML5-те ескірген кейбір атрибуттар бар. Көптеген веб-сайттар бүгінгі күні HTML5 + қолданатындықтан, бұл атрибуттар сіз пайдаланғыңыз келмейді (бірақ кейбір құжаттарды көре аласыз).
- - Бұдан басқа, сипаттамаға сілтеме жасау үшін A элементін пайдаланыңыз
- - орнына, CSS float сипатын пайдаланыңыз
- allowtransparency - орнына, ifram мөлдір ету үшін CSS background сипатын пайдаланыңыз
- - шекара CSS сипатын қолданыңыз
- marginheight - орнына CSS маржасының сипатын пайдаланыңыз
- marginwidth - орнына CSS маржасының сипатын пайдаланыңыз
- - орнына, CSS тасқынды сипатын қолданыңыз
IFRAME браузері қолдауы
IFRAME элементін барлық заманауи браузерлер қолдайды:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Егер жоғарыда көрсетілген тізімде нұсқа нөмірі көрсетілмеген болса, яғни браузердің барлық нұсқалары оны қолдайды.
Есте сақтаудың бір себебі - барлық браузерлер IFRAME элементін қолдайтын болса да, HTML5 мүмкіндіктерінің кейбіреулері әлі де шектеулі.
- Айналдыруды өшіру үшін толып кетуді пайдалану сенімді емес. Егер сіз iframes-та айналдыру жолақтарын қаламасаңыз, жылжыту атрибутын пайдалануды жалғастырыңыз.
- Srcdoc, құм жәшік және жіксіз атрибуттар қазіргі уақытта кез-келген браузерлермен қолдамайды.
Iframes-мен байланысу
Егер сіздің iframes-іңізге ат немесе идентификатор берсеңіз, сілтемеңізді сол кадрға А элементіндегі атрибутпен көрсете аласыз. Содан кейін, пайдаланушы сілтемені басқанда, ол ағымдағы терезеден гөрі сілтеме жасалған iframe ішінде ашылады.
Өзіңіз көріңіз. Төмендегі ақпаратты веб-бетке енгізіңіз:
Егер IFRAME ішінде ашылған құжатта ешқандай нысаналы белгілер болмаса, барлық сілтемелер басты құжат ретінде сол iframe ішінде ашылады.
Бұл мүмкіндікті бір IFRAME сілтемесінде басқа IFRAME мазмұнын сол бетте өзгертуге болады.
IFrames және Security
IFRAME элементі өзіңіз үшін немесе сіздің оқырмандарыңыз үшін қауіпсіздік қаупі емес.
Өкінішке орай, iframes нашар беделге ие болды, себебі олар зиянды веб-сайттарда келушінің компьютеріне оларды бетте көрмейінше зиян келтіруі мүмкін мазмұнды қосу үшін қолданыла алады. Бұл сілтемелермен көрінбейтін IFRAME-ға сілтеме жасай отырып жасалады және сол сценарийлер зиянды кодты белгілейді. Пайдаланушы сілтемені басады және сілтеме үзілген деп ойлайды, себебі ештеңе болмады, бірақ оны көре алмаған сценарий орнатты.
Сондай-ақ, веб-беттеріңізге көрінбейтін IFRAME енгізуге мүмкіндік беретін компьютер вирустары бар, ол сіздің веб-сайтыңызды ботнетке тиімді түрде айналдырады. Олар мұны SQL инъекциялау және басқа шабуылдар арқылы жасай алады.
Веб-беттегі IFRAME-ді қосу кезінде есте сақтау керек, сіздің пайдаланушыларыңыз сіз байланыстыратын барлық сайттардың мазмұны сияқты қауіпсіз болады. Егер сізде сайтты сенімсіз деп санауға негіз бар болса, онымен ешнәрсе байланыстырмаңыз және оның мазмұнын IFRAME-ге енгізбеңіз. Алайда, iframes ішіндегі өз беттеріңізге байланыстыру сіз үшін немесе сіздің пайдаланушыларыңыз үшін қауіпсіздік қатерін тудырмайды.
Дженнифер Крининнің түпнұсқа мақаласы. Jeremy Girard, 11/7/16 редакциясында жасалды