質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1072閲覧

HTMLのサービスでうまく画像を取得してくれない

konnnichiha

総合スコア1

iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/04/09 10:33

編集2021/04/11 08:29

前提・実現したいこと

htmlでブログを書いているのですが、iframelyといういい感じの埋め込みをつくってくれるサービスを使っています。
アメブロの埋め込みは問題なくつくられるのですが、自分のブログでは『有効な画像がありません。』と出てきてしまい、埋め込みが作成されません。

該当のソースコード

HTML

1<!doctype html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>『ごめんなさい』うずらのブログ by oaoa777</title> 6 <meta name="description" content="飼っているうずらの日常をお届けします。いまは並ウズラ1匹『チャチャ』を飼っています。今回はアメブロでの重大発表についてです。"> 7 <link rel="stylesheet" href="style.css"> 8 <link rel="preconnect" href="https://fonts.gstatic.com"> 9 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet"> 10 <meta property="og:url" content=" ページの URL" /> 11 <meta property="og:type" content=" article" /> 12 <meta property="og:title" content="『ごめんなさい』うずらのブログ by oaoa777" /> 13 <meta property="og:description" content="飼っているうずらの日常をお届けします。いまは並ウズラ1匹『チャチャ』を飼っています。今回はアメブロでの重大発表についてです。" /> 14 <meta property="og:site_name" content="『ごめんなさい』うずらのブログ by oaoa777" /> 15 <meta property="og:image" content="http://oaoa777.masa-mune.jp//image/Gomennnasai/banner.png" /> 16</head> 17<body> 18<header> 19 <a href="http://oaoa777.ml/"> 20 <h1>うずらのブログ by oaoa777</h1> 21 </a> 22</header> 23<main> 24<article> 25<!-- admax --> 26<script src="https://adm.shinobi.jp/s/4f1cdee5f017d880343366479395e6b3" id="k"></script> 27<!-- admax --> 28<h2>ごめんなさい</h2> 29<h5>2021 Apr. 9th</h5> 30<img src="http://oaoa777.masa-mune.jp//image/Gomennnasai/banner.png" alt="謝罪の画像" title="ごめんなさい" width="300" height="300"><br> 31<h4>重大発表について</h4> 32<p>先日の重大発表の話は、諸事情によりなかったことにさせていただきます。楽しみにしてくださった方、申し訳ございません。</p> 33<h4>ぜひシェアをお願いします</h4> 34<div class="ninja_onebutton"> 35<script type="text/javascript"> 36//<![CDATA[ 37(function(d){ 38if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_dc6898a78cdb60da5dd0cf744a92521b)=='undefined'){ 39 document.write("<sc"+"ript type='text/javascript' src='//omt.shinobi.jp/b/dc6898a78cdb60da5dd0cf744a92521b'></sc"+"ript>"); 40}else{ 41 window.NINJA_CO_JP_ONETAG_BUTTON_dc6898a78cdb60da5dd0cf744a92521b.ONETAGButton_Load();} 42})(document); 43//]]> 44</script><span class="ninja_onebutton_hidden" style="display:none;"></span><span style="display:none;" class="ninja_onebutton_hidden"></span> 45</div> 46 47</article> 48<div> 49<div id="disqus_thread"></div> 50<script> 51 /** 52 * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. 53 * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */ 54 /* 55 var disqus_config = function () { 56 this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable 57 this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable 58 }; 59 */ 60 (function() { // DON'T EDIT BELOW THIS LINE 61 var d = document, s = d.createElement('script'); 62 s.src = 'https://uzuranoburogu.disqus.com/embed.js'; 63 s.setAttribute('data-timestamp', +new Date()); 64 (d.head || d.body).appendChild(s); 65 })(); 66</script> 67<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> 68</div> 69</main> 70<footer> 71 <h5>ホーム</h5> 72</footer> 73</body> 74</html>

試したこと

ブログのURLです。.mlは気にしないでください。
http://oaoa777.ml/
http://oaoa777.ml/Gomennnasai(20210409)/index.html
ツール
https://iframely.com/

原因がわかる方、よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

解決しました。
どうやらしっかりopgが設定できていなかったみたいです。
参考になれば幸いです。

投稿2021/04/11 13:49

konnnichiha

総合スコア1

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問