{"id":1806,"date":"2020-07-20T22:59:29","date_gmt":"2020-07-20T19:59:29","guid":{"rendered":"https:\/\/blog.hostixo.com\/?p=1806"},"modified":"2021-04-15T16:36:47","modified_gmt":"2021-04-15T13:36:47","slug":"iframe-nedir-iframe-nasil-kullanilir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/iframe-nedir-iframe-nasil-kullanilir\/","title":{"rendered":"iFrame Nedir? iFrame Nas\u0131l Kullan\u0131l\u0131r?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7indekiler \u2714<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostixo.com\/blog\/iframe-nedir-iframe-nasil-kullanilir\/#iFrame_Nedir\" >iFrame Nedir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostixo.com\/blog\/iframe-nedir-iframe-nasil-kullanilir\/#iFrame_Nasil_Kullanilir\" >iFrame Nas\u0131l Kullan\u0131l\u0131r?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostixo.com\/blog\/iframe-nedir-iframe-nasil-kullanilir\/#iFrame_Kullaniminin_Sakincalari\" >iFrame Kullan\u0131m\u0131n\u0131n Sak\u0131ncalar\u0131<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostixo.com\/blog\/iframe-nedir-iframe-nasil-kullanilir\/#Sonuc\" >Sonu\u00e7<\/a><\/li><\/ul><\/nav><\/div>\n<p>Asl\u0131nda pek \u00e7ok <a href=\"https:\/\/www.hostixo.com\/hosting\/hazir-site\/\" data-internallinksmanager029f6b8e52c=\"11\" title=\"haz\u0131r site\">site<\/a>de g\u00f6r\u00fcyoruz kendisini, peki tam olarak iFrame nedir? Nas\u0131l kullan\u0131l\u0131r? \u00d6rnek bir iFrame kodu gibi konular\u0131 bu yaz\u0131m\u0131zda g\u00f6rece\u011fiz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"iFrame_Nedir\"><\/span>iFrame Nedir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>iFrame, bir sayfa i\u00e7erisine harici bir objeyi yerle\u015ftirmek i\u00e7in kullan\u0131lan <strong><a href=\"https:\/\/www.hostixo.com\/blog\/\">HTML<\/a><\/strong> elementidir. Bu element sayesinde sayfa i\u00e7inde ikinci bir web sayfas\u0131 g\u00f6r\u00fcnt\u00fclenebilir.<\/p>\n<p>Inline Frame kelimelerinin k\u0131saltmas\u0131ndan olu\u015fan iFrame elementi web tasar\u0131m i\u00e7inde s\u0131kl\u0131kla kullan\u0131lan bir elementtir. \u00d6zellikle web sitelerine YouTube videolar\u0131n\u0131n yerle\u015ftirilmesi i\u00e7in s\u0131kl\u0131kla kullan\u0131lmaktad\u0131r. G\u00fcnl\u00fck hayatta pek \u00e7ok sitede de kar\u015f\u0131m\u0131za \u00e7\u0131kmaktad\u0131r.<\/p>\n<p>iFrame kodlar\u0131n\u0131n web siteleri i\u00e7inde s\u0131kl\u0131kla kullan\u0131mamas\u0131 \u00f6nerilir. \u00c7\u00fcnk\u00fc bu kod ile kendi siteniz i\u00e7erisine harici bir siteden veri \u00e7ekti\u011finiz i\u00e7in web sitenizin a\u00e7\u0131l\u0131\u015f s\u00fcresi ciddi derecede yava\u015flayabilir. Ayr\u0131ca veri \u00e7ekti\u011finiz web sitesindeki \u015f\u00fcpheli veriler de sitenizi ziyaret edenlere do\u011frudan etki edecektir. Dolay\u0131s\u0131 ile hem g\u00fcvenlik hem performans a\u00e7\u0131s\u0131ndan riskler yaratabilir.<\/p>\n<p>G\u00fcvenilir olmad\u0131k\u00e7a iFrame ile veri \u00e7ekme sistemini kullanman\u0131z\u0131 \u00f6nermiyoruz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"iFrame_Nasil_Kullanilir\"><\/span>iFrame Nas\u0131l Kullan\u0131l\u0131r?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>iFrame ile harici web sitelerinden veri \u00e7ekebildi\u011fimizi \u00f6\u011frendi\u011fimize g\u00f6re \u015fimdi bir \u00f6enke ile bu konuyu peki\u015ftirebiliriz.<\/p>\n<p>Bir HTML sayfas\u0131nda &lt;iframe&gt; elementini kullanarak veri \u00e7ekebilirsiniz. \u00d6rne\u011fin bir YouTube videosunu sitenize iframe ile yerle\u015ftirmek i\u00e7in a\u015fa\u011f\u0131daki kodu kullanabilirsiniz.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"shell\" data-enlighter-theme=\"minimal\">&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/8nVH_Fkk5rY\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen&gt;&lt;\/iframe&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>\u00d6rnek olarak yukar\u0131daki video <a href=\"https:\/\/www.hostixo.com\/\" data-internallinksmanager029f6b8e52c=\"10\" title=\"hostixo\">Hostixo<\/a> YouTube kanal\u0131ndaki bir videoyu \u00e7ekerek size g\u00f6sterecektir.<\/p>\n<p>Bu kodu inceleyecek olursak iframe elementi etiket olarak a\u00e7\u0131lm\u0131\u015f ve i\u00e7erisine tan\u0131mlamalar yap\u0131lm\u0131\u015f. src tan\u0131mlamas\u0131 ile video kayna\u011f\u0131 belirtilmi\u015f. Ayr\u0131ca kod i\u00e7erisinde videonun geni\u015fli\u011fi y\u00fcksekli\u011fi, otomatik ba\u015flamas\u0131 gibi ek \u00f6zelliklerde yerle\u015ftirilmi\u015f.<\/p>\n<p><iframe data-src=\"https:\/\/www.youtube.com\/embed\/8nVH_Fkk5rY\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<h2><span class=\"ez-toc-section\" id=\"iFrame_Kullaniminin_Sakincalari\"><\/span>iFrame Kullan\u0131m\u0131n\u0131n Sak\u0131ncalar\u0131<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Teorik olarak iFrame kullanmak ziyaret\u00e7ileriniz i\u00e7in bir tehdit olu\u015fturmaz. Ancak farkl\u0131 sitelerdeki i\u00e7erik yay\u0131nc\u0131lar\u0131n\u0131n kasten veya bilmeden sitelerine girmi\u015f olan zararl\u0131lar\u0131n iFrame yolu ile yay\u0131lmas\u0131 m\u00fcmk\u00fcnd\u00fcr.\u00a0 Dolay\u0131s\u0131 ile g\u00fcvenilir olmayan sitelerden b\u00f6l\u00fcm \u00e7ekmek i\u00e7in iFrame kullan\u0131m\u0131 pek \u00f6nerilmez.<\/p>\n<p>2008 y\u0131l\u0131nda ACB haberin \u00f6n ayak oldu\u011fu bir dizi g\u00fcvenlik sorunu ve ziyaret eden kullan\u0131c\u0131lar\u0131n sitelerine zararl\u0131 yaz\u0131l\u0131m y\u00fcklenmesine kadar uzayan olaylar silsilesi g\u00f6sterdiki iFrame elementini bir <a href=\"https:\/\/www.hostixo.com\">web site<\/a>sinin \u00f6nemli par\u00e7as\u0131 yapmak do\u011fru bir hareket olmaz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sonuc\"><\/span>Sonu\u00e7<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>T\u00fcm bu bilgiler \u0131\u015f\u0131\u011f\u0131nda iFrame&#8217;nin bir veri \u00e7ekme \u015fekli oldu\u011funu ve sitelerinizi zenginle\u015ftirebilece\u011fini \u00f6\u011frendik. Lakin g\u00fcvenilir olmayan sitelerden veri \u00e7ekmek k\u00f6t\u00fc sonu\u00e7lar do\u011furabilir. Ayr\u0131ca g\u00fcn\u00fcm\u00fczde s\u0131kl\u0131kla <a href=\"https:\/\/www.hostixo.com\/blog\/wordpress-nedir\/\" data-internallinksmanager029f6b8e52c=\"8\" title=\"wordpress\">Wordpress<\/a>&#8217;e YouTube videolar\u0131 eklemek i\u00e7in kullan\u0131lmaktad\u0131r iFrame. Umar\u0131z <strong>iFrame nedir<\/strong> konuda kafan\u0131za tak\u0131lan ve bilmeniz gerekenleri anlatt\u0131\u011f\u0131m\u0131z yaz\u0131m\u0131z ile sizlere faydal\u0131 olabilmi\u015fizdir.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\/\", \n  \"@type\": \"Product\", \n  \"name\": \"Hostixo Blog\",\n  \"image\": \"https:\/\/www.hostixo.com\/blog\/\",\n  \"description\": \"Hostixo Blog\",\n  \"brand\": \"HostixoBlog1\",\n  \"sku\": \"HostixoBlog1\",\n  \"gtin8\": \"HostixoBlog1\",\n  \"gtin13\": \"HostixoBlog1\",\n  \"gtin14\": \"HostixoBlog1\",\n  \"mpn\": \"HostixoBlog1\",\n  \"offers\": {\n    \"@type\": \"Offer\",\n    \"url\": \"https:\/\/www.hostixo.com\/blog\/\",\n    \"priceCurrency\": \"TRY\",\n    \"price\": \"0.99\",\n    \"priceValidUntil\": \"2020-06-09\",\n    \"availability\": \"https:\/\/schema.org\/InStock\",\n    \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n   \"ratingValue\": \"5\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"4\",\n    \"ratingCount\": \"1233\",\n    \"reviewCount\": \"1233\"\n  },\n  \"review\": {\n    \"@type\": \"Review\",\n    \"name\": \"HostixoBlog1\",\n    \"reviewBody\": \"Hostixo Blog\",\n    \"reviewRating\": {\n      \"@type\": \"Rating\",\n   \"ratingValue\": \"5\",\n      \"bestRating\": \"5\",\n      \"worstRating\": \"4\"\n    },\n    \"datePublished\": \"2020-06-09\",\n    \"author\": {\"@type\": \"Person\", \"name\": \"Hostixo\"},\n    \"publisher\": {\"@type\": \"Organization\", \"name\": \"HostixoBlog1\"}\n  }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Asl\u0131nda pek \u00e7ok sitede g\u00f6r\u00fcyoruz kendisini, peki tam olarak iFrame nedir? Nas\u0131l kullan\u0131l\u0131r? \u00d6rnek bir iFrame kodu gibi konular\u0131 bu yaz\u0131m\u0131zda g\u00f6rece\u011fiz. iFrame Nedir? iFrame, bir sayfa i\u00e7erisine harici bir objeyi yerle\u015ftirmek i\u00e7in kullan\u0131lan HTML elementidir. Bu element sayesinde sayfa i\u00e7inde ikinci bir web sayfas\u0131 g\u00f6r\u00fcnt\u00fclenebilir. Inline Frame kelimelerinin k\u0131saltmas\u0131ndan olu\u015fan iFrame elementi web tasar\u0131m &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1809,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[1],"tags":[381,380],"class_list":["post-1806","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel","tag-iframe-nasil-kullanilir","tag-iframe-nedir"],"_links":{"self":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/1806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/comments?post=1806"}],"version-history":[{"count":0,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/1806\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media\/1809"}],"wp:attachment":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media?parent=1806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/categories?post=1806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/tags?post=1806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}