{"id":477604,"date":"2023-08-09T09:17:42","date_gmt":"2023-08-09T09:17:42","guid":{"rendered":""},"modified":"2023-09-05T11:15:05","modified_gmt":"2023-09-05T11:15:05","slug":"inline-frame","status":"publish","type":"wiki","link":"https:\/\/oneproxy.pro\/jp\/wiki\/inline-frame\/","title":{"rendered":"\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0"},"content":{"rendered":"<h2>\u5c0e\u5165<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0 (IFrame) \u306f\u3001\u73fe\u5728\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u5185\u306b\u5225\u306e HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u57cb\u3081\u8fbc\u3080\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b HTML \u8981\u7d20\u3067\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001Web \u30da\u30fc\u30b8\u3084\u30e1\u30c7\u30a3\u30a2\u306a\u3069\u306e\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092 Web \u30b5\u30a4\u30c8\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u6709\u540d\u306a\u30d7\u30ed\u30ad\u30b7 \u30b5\u30fc\u30d0\u30fc \u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\u3067\u3042\u308b OneProxy \u306e Web \u30b5\u30a4\u30c8\u3068\u306e\u95a2\u9023\u6027\u306b\u7126\u70b9\u3092\u5f53\u3066\u3001\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306e\u6b74\u53f2\u3001\u6a5f\u80fd\u3001\u7a2e\u985e\u3001\u7528\u9014\u3001\u304a\u3088\u3073\u5c06\u6765\u306e\u5c55\u671b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<h2>\u6b74\u53f2\u3068\u521d\u51fa<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306e\u6982\u5ff5\u306f\u30011990 \u5e74\u4ee3\u5f8c\u534a\u306e HTML \u306e\u958b\u767a\u3068\u3068\u3082\u306b\u767b\u5834\u3057\u307e\u3057\u305f\u3002World Wide Web Consortium (W3C) \u306f HTML 4.0 \u3067 IFrame \u8981\u7d20\u3092\u5c0e\u5165\u3057\u3001\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092 Web \u30da\u30fc\u30b8\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u6025\u901f\u306b\u666e\u53ca\u3057\u307e\u3057\u305f\u3002\u3053\u306e\u9769\u65b0\u7684\u306a\u6a5f\u80fd\u306b\u3088\u308a\u3001Web \u30c7\u30b6\u30a4\u30f3\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u306b\u9769\u547d\u304c\u8d77\u3053\u308a\u3001\u3088\u308a\u52d5\u7684\u3067\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a Web \u30b5\u30a4\u30c8\u304c\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002<\/p>\n<h2>\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0\u306e\u8a73\u7d30\u60c5\u5831<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306f\u3001\u89aa\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u5185\u3067\u72ec\u7acb\u3057\u305f HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30c6\u30ca\u30fc\u3068\u3057\u3066\u6a5f\u80fd\u3057\u307e\u3059\u3002\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u3067\u304d\u308b\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u3088\u3046\u306b\u6a5f\u80fd\u3057\u3001\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u30d6\u30e9\u30a6\u30b8\u30f3\u30b0 \u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002IFrame \u8981\u7d20\u306f\u3001\u5916\u89b3\u3001\u5bf8\u6cd5\u3001\u52d5\u4f5c\u3092\u5236\u5fa1\u3059\u308b\u3055\u307e\u3056\u307e\u306a\u5c5e\u6027\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u591a\u7528\u9014\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<h2>\u5185\u90e8\u69cb\u9020\u3068\u6a5f\u80fd<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306f\u3001\u89aa\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30d5\u30ed\u30fc\u5185\u3067\u30a4\u30f3\u30e9\u30a4\u30f3 \u30ec\u30d9\u30eb\u306e\u8981\u7d20\u3068\u3057\u3066\u52d5\u4f5c\u3057\u3001\u4ed6\u306e\u8981\u7d20\u304c\u305d\u308c\u3092\u56f2\u3093\u3067\u76f8\u4e92\u4f5c\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306b\u306f\u72ec\u81ea\u306e\u72ec\u7acb\u3057\u305f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8 \u30e2\u30c7\u30eb (DOM) \u304c\u542b\u307e\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u89aa\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30b3\u30fc\u30c9\u306b\u5e72\u6e09\u3059\u308b\u3053\u3068\u306a\u304f\u3001JavaScript\u3001\u30b9\u30bf\u30a4\u30eb\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u30db\u30b9\u30c8\u3067\u304d\u307e\u3059\u3002IFrame \u306e\u72ec\u7acb\u6027\u306b\u3088\u308a\u30012 \u3064\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u9593\u306e\u7af6\u5408\u304c\u9632\u6b62\u3055\u308c\u3001\u5b89\u5b9a\u6027\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304c\u78ba\u4fdd\u3055\u308c\u307e\u3059\u3002<\/p>\n<h2>\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0\u306e\u4e3b\u306a\u6a5f\u80fd<\/h2>\n<p>IFrame \u8981\u7d20\u306b\u306f\u3001\u305d\u306e\u5e45\u5e83\u3044\u63a1\u7528\u3068\u4f7f\u3044\u3084\u3059\u3055\u306b\u8ca2\u732e\u3059\u308b\u3044\u304f\u3064\u304b\u306e\u91cd\u8981\u306a\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059\u3002\u6ce8\u76ee\u3059\u3079\u304d\u6a5f\u80fd\u306b\u306f\u6b21\u306e\u3088\u3046\u306a\u3082\u306e\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<ol>\n<li><strong>\u30b7\u30fc\u30e0\u30ec\u30b9\u7d71\u5408<\/strong>: IFrame \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5168\u4f53\u7684\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u3084\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092 Web \u30da\u30fc\u30b8\u5185\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/li>\n<li><strong>\u52d5\u7684\u30b3\u30f3\u30c6\u30f3\u30c4<\/strong>: \u30da\u30fc\u30b8\u5168\u4f53\u3092\u518d\u8aad\u307f\u8fbc\u307f\u305b\u305a\u306b\u30d5\u30ec\u30fc\u30e0\u5185\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u66f4\u65b0\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u3053\u3068\u3067\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u66f4\u65b0\u3068\u52d5\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8aad\u307f\u8fbc\u307f\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<li><strong>\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u6a5f\u80fd<\/strong>: IFrame \u306f\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u901a\u4fe1\u3092\u5bb9\u6613\u306b\u3057\u3001\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5b89\u5168\u306b\u57cb\u3081\u8fbc\u3080\u306e\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li><strong>\u7c21\u5358\u306a\u5b9f\u88c5<\/strong>: IFrame \u306e\u7d71\u5408\u306f\u6bd4\u8f03\u7684\u7c21\u5358\u3067\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u5c02\u9580\u77e5\u8b58\u306f\u6700\u5c0f\u9650\u3067\u6e08\u307f\u307e\u3059\u3002<\/li>\n<\/ol>\n<h2>\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0\u306e\u7a2e\u985e<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306f\u3001\u4f7f\u7528\u65b9\u6cd5\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u57fa\u3065\u3044\u3066\u5206\u985e\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u4e00\u822c\u7684\u306a IFrame \u306e\u7a2e\u985e\u3067\u3059\u3002<\/p>\n<table>\n<thead>\n<tr>\n<th>\u30bf\u30a4\u30d7<\/th>\n<th>\u8aac\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u57cb\u3081\u8fbc\u307f<\/strong><\/td>\n<td>\u6700\u3082\u4e00\u822c\u7684\u306a\u30bf\u30a4\u30d7\u3067\u3001\u5916\u90e8\u306e Web \u30da\u30fc\u30b8\u3001\u30d3\u30c7\u30aa\u3001\u30de\u30c3\u30d7\u3001\u307e\u305f\u306f\u305d\u306e\u4ed6\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u30db\u30b9\u30c8 Web \u30da\u30fc\u30b8\u306b\u57cb\u3081\u8fbc\u3080\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><strong>\u5e83\u544a\u30d0\u30ca\u30fc<\/strong><\/td>\n<td>IFrame \u306f\u3001\u5225\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8 \u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3092\u7dad\u6301\u3057\u306a\u304c\u3089\u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u306e\u5e83\u544a\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u3088\u304f\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><strong>\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1<\/strong><\/td>\n<td>\u30da\u30fc\u30b8\u5168\u4f53\u3092\u30ea\u30ed\u30fc\u30c9\u305b\u305a\u306b\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3057\u305f\u308a\u3001\u7279\u5b9a\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u975e\u540c\u671f\u7684\u306b\u5b9f\u884c\u3057\u305f\u308a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30b5\u30f3\u30c9\u30dc\u30c3\u30af\u30b9<\/strong><\/td>\n<td>IFrames \u306f\u3001\u6f5c\u5728\u7684\u306b\u60aa\u610f\u306e\u3042\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30e1\u30a4\u30f3 \u30da\u30fc\u30b8\u304b\u3089\u5206\u96e2\u3057\u3001\u4e0d\u6b63\u30a2\u30af\u30bb\u30b9\u3092\u9632\u6b62\u3059\u308b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3068\u3057\u3066\u6a5f\u80fd\u3057\u307e\u3059\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0\u306e\u4f7f\u3044\u65b9\u3001\u554f\u984c\u70b9\u3068\u89e3\u6c7a\u7b56<\/h2>\n<p>IFrames \u306f\u3001Web \u958b\u767a\u8005\u3084\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210\u8005\u5411\u3051\u306b\u3055\u307e\u3056\u307e\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u4e00\u822c\u7684\u306a\u4f7f\u7528\u4f8b\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n<ol>\n<li><strong>\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7d71\u5408<\/strong>\u5929\u6c17\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3001\u30bd\u30fc\u30b7\u30e3\u30eb \u30e1\u30c7\u30a3\u30a2 \u30d5\u30a3\u30fc\u30c9\u3001\u30cb\u30e5\u30fc\u30b9\u8a18\u4e8b\u306a\u3069\u306e\u4fe1\u983c\u3067\u304d\u308b\u30bd\u30fc\u30b9\u304b\u3089\u306e\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u57cb\u3081\u8fbc\u3080\u3068\u3001\u30e6\u30fc\u30b6\u30fc \u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<li><strong>\u5e83\u544a\u8868\u793a<\/strong>: IFrame \u306f\u5e83\u544a\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u304b\u3089\u306e\u5e83\u544a\u306e\u8868\u793a\u3092\u5bb9\u6613\u306b\u3057\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u6240\u6709\u8005\u306b\u53ce\u76ca\u3092\u3082\u305f\u3089\u3057\u307e\u3059\u3002<\/li>\n<li><strong>\u30c7\u30fc\u30bf\u306e\u5206\u96e2<\/strong>: IFrames \u306f\u6a5f\u5bc6\u30c7\u30fc\u30bf\u3084\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5206\u96e2\u3057\u3001\u30c7\u30fc\u30bf\u4fb5\u5bb3\u306e\u30ea\u30b9\u30af\u3092\u8efd\u6e1b\u3057\u3001Web \u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u7dad\u6301\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n<p>\u305f\u3060\u3057\u3001IFrame \u306e\u4f7f\u7528\u306b\u306f\u8ab2\u984c\u304c\u306a\u3044\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3044\u304f\u3064\u304b\u306e\u554f\u984c\u3068\u305d\u306e\u89e3\u6c7a\u7b56\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n<ol>\n<li><strong>\u30af\u30ed\u30b9\u30aa\u30ea\u30b8\u30f3\u306e\u554f\u984c<\/strong>: \u30af\u30ed\u30b9\u30aa\u30ea\u30b8\u30f3 \u30ea\u30bd\u30fc\u30b9\u5171\u6709 (CORS) \u306e\u5236\u9650\u306b\u3088\u308a\u3001IFrame \u3068\u89aa\u30da\u30fc\u30b8\u9593\u306e\u901a\u4fe1\u304c\u59a8\u3052\u3089\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u30b5\u30fc\u30d0\u30fc\u5074\u3067 CORS \u30d8\u30c3\u30c0\u30fc\u3092\u5b9f\u88c5\u3059\u308b\u3068\u3001\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002<\/li>\n<li><strong>\u30b9\u30bf\u30a4\u30eb\u306e\u5236\u9650<\/strong>: IFrame \u306f\u89aa\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304b\u3089\u4e00\u90e8\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4e0d\u4e00\u81f4\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002IFrame \u5185\u3067\u30b9\u30bf\u30a4\u30eb\u3092\u660e\u793a\u7684\u306b\u5b9a\u7fa9\u3059\u308b\u3068\u3001\u3053\u306e\u554f\u984c\u3092\u56de\u907f\u3067\u304d\u307e\u3059\u3002<\/li>\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3078\u306e\u5f71\u97ff<\/strong>: \u91cd\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u542b\u3080\u8907\u6570\u306e IFrame \u3092\u8aad\u307f\u8fbc\u3080\u3068\u3001Web \u30b5\u30a4\u30c8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306b\u5f71\u97ff\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u6700\u9069\u5316\u3057\u3001\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u6280\u8853\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u3053\u306e\u5f71\u97ff\u3092\u8efd\u6e1b\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n<h2>\u4e3b\u306a\u7279\u5fb4\u3068\u6bd4\u8f03<\/h2>\n<p>IFrame \u3092\u4ed6\u306e\u540c\u69d8\u306e\u8981\u7d20\u3068\u6bd4\u8f03\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n<table>\n<thead>\n<tr>\n<th>\u8981\u7d20<\/th>\n<th>\u7279\u5fb4<\/th>\n<th>\u6bd4\u8f03<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>I\u30d5\u30ec\u30fc\u30e0<\/strong><\/td>\n<td>\u2013 \u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u57cb\u3081\u8fbc\u307f\u307e\u3059\u3002<\/td>\n<td>\u2013 \u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>\u2013 \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u305f\u3081\u306b\u5206\u96e2\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/td>\n<td>\u2013 \u89aa\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u57cb\u3081\u8fbc\u307f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u9593\u306e\u7af6\u5408\u3092\u9632\u6b62\u3057\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>\u2013 \u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u66f4\u65b0\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/td>\n<td>\u2013 \u30da\u30fc\u30b8\u5168\u4f53\u3092\u66f4\u65b0\u305b\u305a\u306b\u52d5\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8aad\u307f\u8fbc\u307f\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><strong>\u57cb\u3081\u8fbc\u307f<\/strong><\/td>\n<td>\u2013 \u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\u3082\u57cb\u3081\u8fbc\u307f\u307e\u3059\u3002<\/td>\n<td>\u2013 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3084\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u306e\u3084\u308a\u53d6\u308a\u306b\u5236\u9650\u304c\u3042\u308a\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>\u2013 \u4e00\u822c\u7684\u306b\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5206\u96e2\u304c\u6b20\u3051\u3066\u3044\u307e\u3059\u3002<\/td>\n<td>\u2013 \u89aa\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u76f4\u63a5\u5f71\u97ff\u3057\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><strong>\u7269\u4f53<\/strong><\/td>\n<td>\u2013 \u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2 \u30b3\u30f3\u30c6\u30f3\u30c4 (\u30d3\u30c7\u30aa\u306a\u3069) \u3092\u57cb\u3081\u8fbc\u307f\u307e\u3059\u3002<\/td>\n<td>\u2013 \u30b3\u30f3\u30c6\u30f3\u30c4 \u30bf\u30a4\u30d7\u306b\u95a2\u3057\u3066\u67d4\u8edf\u6027\u304c\u4f4e\u304f\u306a\u308a\u307e\u3059\u3002<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>\u2013 \u518d\u751f\u306b\u306f\u30d6\u30e9\u30a6\u30b6\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u5fc5\u8981\u306b\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/td>\n<td>\u2013 \u4e00\u822c\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u57cb\u3081\u8fbc\u307f\u306b\u306f\u3042\u307e\u308a\u4f7f\u7528\u3055\u308c\u307e\u305b\u3093\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u5c55\u671b\u3068\u5c06\u6765\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc<\/h2>\n<p>\u5c06\u6765\u7684\u306b\u306f\u3001\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u306f\u3001\u305d\u306e\u6c4e\u7528\u6027\u3068\u5b9f\u7528\u6027\u304b\u3089\u3001Web \u958b\u767a\u306e\u5b9a\u756a\u3067\u3042\u308a\u7d9a\u3051\u308b\u3068\u601d\u308f\u308c\u307e\u3059\u3002\u305f\u3060\u3057\u3001\u65b0\u3057\u3044\u30c6\u30af\u30ce\u30ed\u30b8\u3068\u6a19\u6e96\u306b\u3088\u3063\u3066\u3001\u305d\u306e\u6a5f\u80fd\u304c\u3055\u3089\u306b\u5f37\u5316\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u3088\u3046\u306a\u65b0\u3057\u3044\u30c6\u30af\u30ce\u30ed\u30b8\u306e 1 \u3064\u304c Web \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u30ab\u30b9\u30bf\u30e0\u8981\u7d20\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067 Web \u958b\u767a\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3092\u76ee\u7684\u3068\u3057\u3066\u3044\u307e\u3059\u3002Web \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092 IFrame \u3068\u7d71\u5408\u3059\u308b\u3068\u3001\u3055\u3089\u306b\u5f37\u529b\u3067\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u3055\u308c\u305f Web \u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n<h2>\u30d7\u30ed\u30ad\u30b7\u30b5\u30fc\u30d0\u30fc\u3068\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0\u306e\u95a2\u9023\u4ed8\u3051<\/h2>\n<p>OneProxy \u304c\u63d0\u4f9b\u3059\u308b\u3088\u3046\u306a\u30d7\u30ed\u30ad\u30b7 \u30b5\u30fc\u30d0\u30fc\u306f\u3001\u7279\u306b\u5b89\u5168\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u57cb\u3081\u8fbc\u307f\u304c\u5fc5\u8981\u306a\u30b7\u30ca\u30ea\u30aa\u3067\u306f\u3001IFrame \u3068\u5bc6\u63a5\u306b\u95a2\u9023\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30d7\u30ed\u30ad\u30b7 \u30b5\u30fc\u30d0\u30fc\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u3068 Web \u30b5\u30fc\u30d0\u30fc\u9593\u306e\u4ef2\u4ecb\u5f79\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3001\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3001\u304a\u3088\u3073\u30d6\u30ed\u30c3\u30af\u3055\u308c\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u5f37\u5316\u3057\u307e\u3059\u3002IFrame \u3092\u30d7\u30ed\u30ad\u30b7 \u30b5\u30fc\u30d0\u30fc\u3068\u7d44\u307f\u5408\u308f\u305b\u308b\u3068\u3001Web \u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306f\u3001\u57cb\u3081\u8fbc\u307e\u308c\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30d7\u30ed\u30ad\u30b7\u7d4c\u7531\u3067\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30c7\u30fc\u30bf\u3092\u4fdd\u8b77\u3057\u3001\u533f\u540d\u6027\u3092\u7dad\u6301\u3059\u308b\u3053\u3068\u3067\u3001\u8ffd\u52a0\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3 \u30ec\u30a4\u30e4\u30fc\u3092\u78ba\u4fdd\u3067\u304d\u307e\u3059\u3002<\/p>\n<h2>\u95a2\u9023\u30ea\u30f3\u30af<\/h2>\n<p>\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u3068\u305d\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a73\u7d30\u306b\u3064\u3044\u3066\u306f\u3001\u6b21\u306e\u30ea\u30bd\u30fc\u30b9\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/iframe-embed-object.html#iframe\" target=\"_new\" rel=\"noopener nofollow\">W3C HTML \u30ea\u30d3\u30f3\u30b0 \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9 \u2013 \u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/iframe\" target=\"_new\" rel=\"noopener nofollow\">MDN Web Docs \u2013 \u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0\u8981\u7d20<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Web_Components\" target=\"_new\" rel=\"noopener nofollow\">Web \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 \u2013 MDN Web \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a><\/li>\n<\/ul>\n<p>\u7d50\u8ad6\u3068\u3057\u3066\u3001\u30a4\u30f3\u30e9\u30a4\u30f3 \u30d5\u30ec\u30fc\u30e0 (IFrame) \u306f\u3001\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7d71\u5408\u3068\u52d5\u7684\u306a\u30e6\u30fc\u30b6\u30fc \u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u3067\u3001\u73fe\u4ee3\u306e Web \u958b\u767a\u306e\u5f62\u6210\u306b\u91cd\u8981\u306a\u5f79\u5272\u3092\u679c\u305f\u3057\u3066\u304d\u307e\u3057\u305f\u3002IFrame \u306f\u3001\u591a\u6570\u306e\u7528\u9014\u304c\u3042\u308a\u3001\u5c06\u6765\u7684\u306b\u9032\u5316\u3059\u308b\u53ef\u80fd\u6027\u3082\u3042\u308b\u305f\u3081\u3001OneProxy \u306a\u3069\u306e\u30d7\u30ed\u30ad\u30b7 \u30b5\u30fc\u30d0\u30fc \u30b5\u30fc\u30d3\u30b9\u3092\u5f37\u5316\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b Web \u30c7\u30b6\u30a4\u30ca\u30fc\u3084\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u3001\u4eca\u5f8c\u3082\u8cb4\u91cd\u306a\u8cc7\u7523\u3067\u3042\u308a\u7d9a\u3051\u308b\u3067\u3057\u3087\u3046\u3002<\/p>","protected":false},"featured_media":477605,"menu_order":0,"template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-477604","wiki","type-wiki","status-publish","has-post-thumbnail","hentry"],"acf":{"faq_title":"Frequently Asked Questions about <mark>Inline Frame (IFrame) for the Website of the Proxy Server Provider OneProxy (oneproxy.pro)<\/mark>","faq_items":[{"question":"What is an Inline Frame (IFrame)?","answer":"<p>An Inline Frame (IFrame) is an HTML element used to embed another HTML document within the current document, allowing seamless integration of external content, such as web pages or media, into a website.<\/p>"},{"question":"When and where was the IFrame first introduced?","answer":"<p>The concept of Inline Frames emerged alongside the development of HTML in the late 1990s. The World Wide Web Consortium (W3C) introduced the IFrame element in HTML 4.0, and it quickly gained popularity for its ability to embed external content into a webpage.<\/p>"},{"question":"How does an Inline Frame work?","answer":"<p>An Inline Frame acts as a container for displaying an independent HTML document within a parent document. It operates as an inline-level element within the parent document's flow and contains its own independent Document Object Model (DOM), preventing conflicts and ensuring stability and security.<\/p>"},{"question":"What are the key features of Inline Frames?","answer":"<p>IFrames offer several key features, including seamless content integration, dynamic content updates, cross-domain capabilities, and easy implementation for web developers.<\/p>"},{"question":"What types of Inline Frames exist?","answer":"<p>Inline Frames can be categorized based on their usage and content, such as content embedding, ad banners, form submission, and security sandbox IFrames.<\/p>"},{"question":"How can I use Inline Frames on my website?","answer":"<p>You can use Inline Frames to embed external content, display advertisements, submit forms asynchronously, and enhance security by isolating sensitive data or third-party components.<\/p>"},{"question":"What are the common problems with using Inline Frames?","answer":"<p>Common problems include cross-origin issues, styling limitations, and potential performance impact. Solutions involve implementing CORS headers, explicitly defining styles within the IFrame, and optimizing content with lazy loading techniques.<\/p>"},{"question":"How do Inline Frames compare to other elements like Embed and Object?","answer":"<p>Inline Frames offer more versatility and customization compared to simpler embedding elements like Embed and provide better isolation and real-time content updates compared to Object elements.<\/p>"},{"question":"What does the future hold for Inline Frames?","answer":"<p>Inline Frames are expected to remain a crucial element in web development. Integrating them with emerging technologies like Web Components may lead to even more powerful and modular web solutions.<\/p>"},{"question":"How are proxy servers associated with Inline Frames?","answer":"<p>Proxy servers, like those provided by OneProxy, can be closely associated with IFrames, especially for secure content embedding. Proxy servers act as intermediaries, enhancing privacy, security, and access to blocked content when combined with IFrames.<\/p>"}]},"_links":{"self":[{"href":"https:\/\/oneproxy.pro\/jp\/wp-json\/wp\/v2\/wiki\/477604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/jp\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/jp\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/jp\/wp-json\/wp\/v2\/wiki\/477604\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneproxy.pro\/jp\/wp-json\/wp\/v2\/media\/477605"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/jp\/wp-json\/wp\/v2\/media?parent=477604"}],"curies":[{"name":"\u3046\u30fc\u3093","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}