- 締切済み
iframe の構造が分かりません
以下のページの中に、いくつもの iframe が埋め込まれていますが、 それらの本体表示との関係が複雑すぎて、良く分かりません。 http://www.huffingtonpost.jp/2015/08/26/kamakurashi-library_n_8046562.html 記事の大見出しと、本文の間に ５つもの ＳＮＳのアイコンがならんでいて とても見苦しいため、 この記事を Firefox の complete html file としてローカルに保存して編集することにしました。 これらのアイコンを表示している iframe を消去したところ 肝心の情報である 下段の 図書館から発信された Tweet の画像が消えてしまいます。 同時に、ページ下半分の 議論 の投稿までも すべて消えてしまいます。 どのような理由で、上の方の邪魔な ＳＮＳアイコンを取り除くと 他の iframe の表示にまで悪影響が及んでしまうかを 問題となる構文構造または 表示変更の指令の所在について ご指導をお願いします。 よろしくお願いします。
- mqm
- お礼率42% (581/1355)
- CSS
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- shiren2
- ベストアンサー率47% (139/295)
良い記事ですね。感動しました。 さて、肝心の件ですが、こちらで確認したところ、SNSアイコンの要素と他の要素は直接の関係がないようです。 <ul class="shares group">...</ul>要素で括られている為、この要素を削除したところ、問題なくSNSアイコンだけが削除されました。 何か、開始タグや閉じタグを半端に削除してしまった等のミスはありませんか。 繰り返しになりますが、こちらの環境では問題なく削除出来ることを確認しました。
関連するQ&A
- iframeはSEO的に不利になる？
iframeはSEO的に不利になる！という記事をよく見かけるのですが、これは具体的にどういうことでしょうか？ よく見かけるというのは「iframeを使うことによって表示されたコンテンツはクローラーから見られた時に"意味のないコンテンツ"だと評価されるので、できるだけ使わないようにするべき」というものですが、iframeで表示したいコンテンツが特に意味のない"ただデザイン上使いたい"という理由であれば使用しても問題ないでしょうか？ 例えばiframeを使う事によってページが重くなってしまい評価が下がってしまうだとか、iframeを使うこと自体がNGだとか、そういう理由から"iframeはSEO的に不利になる！"と言っているのか分かりません。 面倒な質問ですが宜しくお願いします
- ベストアンサー
- SEO
- iframe内の特定の場所にジャンプする方法
iframeの枠内に長い記事を入れています。スクロールをするのが大変なので、枠外に第1章、第2章などのボタンをつけておき、それをクリックすることによりそれぞれの場所にジャンプできるようにしたいと思っています。普通のアンカー名を使うページ内リンクではiframeが崩れてジャンプ先の表示が外に出てしまいます。何とかiframeの枠内で表示させたいと思っています。どなたか方法をご教示いただきたいと思います。よろしくお願いします。
- ベストアンサー
- HTML
- 複数のiframeの読み込みについて
とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、 下記の通り（コード、画像参照）ページを組んだところ、 IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。 制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。 状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。 ■■■ページの概要について 恐らく下記のコードと添付の画像を見ていただいた方がわかりやすいと思いますが、制限や概要を記述しておきます。 ・表示させる方のページをA.html（親ページ）、iframe内で読み込むページをB.html（子フレーム）とします。 ・親ページの方にはかなり使用できるタグなどに制限があり、javascriptが使用できません。文字数にも制限があります（子フレームの方は自由です。） ・親ページも子フレームも触れるものの、この2ページは別ドメインです。（下記の例は相対パスで記述しています） ・子フレームの内容は、下記の例では内容が少ないですが、実際にはかなり長いページになります。ただ、ページは分けない方向でお願いします。 ・iframeはスクロールが出ないように高さを調節しています。 ・ページ内リンクを使用したいのですが、iframe内だけではなく、親ページから見た状態でページの途中に飛ばしたいため、 親ページの方にページ内リンク用のアンカーをつけ、複数のiframeで子フレームの内容を表示させています。 ・子フレームのコンテンツ毎にiframe表示用のアンカーをつけ、親ページで細かくiframeを分けて表示させています。 ・（ページ内リンクは親ページの方に記述することも出来ます。） ちなみに過去に次のような記事を見つけましたが、どちらも試すこともできない状態です。 http://okwave.jp/qa/q1105662.html http://okwave.jp/qa/q2938546.html ■■■表示のエラーについて（サーバ上でも、ローカルでも同じような状態です。） ・ページを読み込むと、一番上ではなく、一番下のiframeのところで止まります。 （⇒ページが読み込むと同時に一番上に行ってほしいです。） ・ページ内リンクを付けていますが、リンクを押しても該当のヶ所に飛ばず、 読み込むように少しページがぶれるのですが、元の位置のままです。 ・IE11のみですが、リンクで使用している画像がぼやけて表示されます。 （外部CSSで文字の背景に設定しています。） ■■■コードについて ◆A.html（親ページ） ※JSは使用不可です。 ※<body>は触れません。 ※B.htmlのページとは別ドメインです。 <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Baの内容--> <a name="linkAa" id="linkAa"></a> <iframe src="B.html#Ba" frameborder="0" width="850" height="580" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bbの内容--> <a name="linkAb" id="linkAb"></a> <iframe src="B.html#Bb" frameborder="0" width="850" height="595" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bcの内容--> <a name="linkAc" id="linkAc"></a> <iframe src="B.html#Bc" frameborder="0" width="850" height="565" marginwidth="0" marginheight="0" scrolling="no"></iframe> ◆B.html（子フレーム） ※JSは使用可です。 <div class="pageLink"> <a name="Blink" id="Blink"></a> <ul> <li><a href="A.html#linkAa" target="_top">#linkAaへリンク</a></li> <li><a href="A.html#linkAb" target="_top">#linkAbへリンク</a></li> <li><a href="A.html#linkAc" target="_top">#linkAcへリンク</a></li> </ul> </div> <a name="Ba" id="Ba"></a> <div>Baの内容</div> <a name="Bb" id="Bb"></a> <div>Bbの内容</div> <a name="Bc" id="Bc"></a> <div>Bcの内容</div> 以上です。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 単独で開かれたiframeを親ページに表示したい
ブログ記事(blog1.html、blog2.html、blog3.html)を親ページ(index.html)のiframeとして表示しています。 親ページを開いた際には、デフォルトで最も新しいブログblog3.htmlが表示されるようになっています。 ブログ記事が単独で開かれた場合には、 if (window == window.parent) { location.href = "./index.html"; により自動的に親ページに導くようにしていますが、その際に開かれたブログ記事を表示したいと思います。 当たり前ですが、現在はblog3が開かれてしまいます。 どのようにしたらいいでしょうか。 以下、現在確認中のサンプルスクリプトです。 ■親ページ■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> <p>index.html</p> <iframe src="./blog3.html" frameborder="2" width="300" height="100"></iframe> <div id="result"></div> </body> </html> ■ブログ1■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog1</title> </head> <body> <p>blog1.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html> ■ブログ3■ <html lang="ja"> <head> <meta charset="UTF-8"> <title>blog3</title> </head> <body> <p>blog3.html</p> <script> // 単独で開かれている場合 if (window == window.parent) { location.href = "./index.html"; // iframeで開かれている場合 } else { } </script> </body> </html>
- ベストアンサー
- JavaScript
- iframe側だけで親ページには検索がかからない
開設したホームページ(ブログ)ではindex.html内にiframeによる表示枠を設け、同一ドメイン内の「blog」というフォルダーに置いたブログ記事(日付xxxx.html)を参照表示しています。 google検索を行なうと、各個別記事は「ドメイン名/blog/xxxx.html」の形でいくつか表示されるようになりましたが、肝心の「ドメイン名/index.html」は検索にかからないようです。 【質問1】 親ページのindex.htmlの方をうまく検索にかける方法を教えてください。 【質問2】 またこのようなケースでは、index.html、xxxx.html側でそれぞれどのような設定を行なうのが好ましいのでしょうか。 よろしくお願い致します。
- ベストアンサー
- ブログ
- iframe内のスクロール不具合について
自分のイラストを公開するサイトへの閲覧者数名から、iframe内のページをスクロールするとガガガガ～っと重なって表示されまともに見られないとの報告を受けました。閲覧者の方の環境はWinXP IE6です。 私はMacOSXTigerでブラウザはsafariをメインで使っています。もちろん自分で確認した時は、IE5もsafariもFirefoxもNetscapeも大丈夫でした。弟のパソコンがWinXPSP1のIE6なので確認させてもらうと報告通りの症状で、HDDが2Gしか空いていなかったのを30%位空きを作ったりデフラグやクリーンナップ等もして環境を整えても同症状が出ます。スムーズスクロールをOFFにしてもダメで、IEではなくFirefoxで見ると普通に閲覧ができました。 私のHTMLやCSSの記述がおかしいのかと思いiframe内のページを新しいウィンドウで開いてみると正常に表示しました。この場合、閲覧に不具合がでる方は何が悪くその様な症状が起きるのでしょうか?過去ログを検索するとグラフィックボードを交換したという記事が見つかりましたが、ディスプレイ側の不具合なのでしょうか? ちなみに、同じようなiframを使った別のサイトを弟のパソコンで見た時は普通に表示されてました。閲覧者側ではなく、作った私側に問題があるのでしょうか?サイトは以下のアドレスです。 http://www.atelier-kiki.net/r2/
- 締切済み
- その他([技術者向] コンピューター)
- iframe内のリンク先を動的に変更
お世話になります。Crassicと申します。 index.html ├about(about.html) ├blog(index.php) └link(link.html) といった構成の個人サイトを立ち上げております。 ここ最近、yahoo等の検索サイトからブログへ直でアクセスされ、嬉しい事なんですが私としてはTOPページである index.htmlを通して閲覧して欲しいと思ってます。 javascriptでindex.html以外のサイトからindex.phpへアクセスがあった場合はindex.htmlへ強制的に飛ばす スクリプトを色々調べて組み込んでおりましたが、そうするとお目当てのブログ記事に辿りつくのが困難で 読んでもらえないという状況に陥りました。 （アクセス解析より判明） index.htmlからiframeで読み出す場合は固定のindex.phpであり、常に最新の記事になります。 が、検索で来られた場合はindex.php?id=300と言うように検索内容によって変わります。 ですので、index.htmlへ下記のスクリプトを組み込めばいいのだと考えましたが、私の調べ方が悪いのか 見つかりませんでした。 1．document.referrerにてURL元を調べる 2．<iframe src="http://******.com/blog/index.php" name="main"></iframe>内のsrc部分をreferrerのURLに置き換える？ 3．検索で来られた訳ではなく、ブックマーク等の場合はindex.phpを表示させる 4．index.php自体にブックマークされている場合もindex.htmlへ強制的に飛ばす この様な事がjavascriptで可能でしょうか？ もしくは上記の方法でなくても私が考えている事ができる組み方はありますでしょうか？ プロフェッショナルな皆様のお知恵をお借りしたく、書き込みさせて頂きました。 何卒宜しくお願い致します。
- 締切済み
- JavaScript
- ＦＣ２ブログの表示がおかしい
色々調べたのですが、解決策が見つけられなかったので質問させてください。 ある日突然ブログ表示が変わってしまい、戸惑っています。 まずはＦＣ２のトップページ 見出しやバナー部分が切れ切れだったり、文章やサムネ・画像がずらりと並んでいるような非常に見づらい状態です。 そして【新しく記事を書く】というページ 文字の装飾やファイル挿入などのアイコンが、文章になってしまっています。 文字に色をつける 文字を大きくする 文字を少し大きくする ・ ・ という感じです。（リアルタイムプレビューもセンタリング表示です） 記事はきちんと投稿できます。 とにかく見づらくて困っています。どうすれば直るでしょうか？ 文章での説明という事で、解りづらかったらすみません。 よろしくお願いいたします。
- ベストアンサー
- ブログ
- ブログの見出しH2タグの事でお尋ねします。
SEO勉強中の初心者です。ブログのタグの事でお尋ねします。 ブログ記事のタイトルに「見出しH2タグ」が使われているのですが、例えば記事を10記事書いて トップページに10記事表示させた場合トップURLに「見出しH2タグ」が1個以上使われた事になって 検索エンジンから嫌われたりしませんか? 詳しい方どうぞ宜しくお願いします。
- ベストアンサー
- HTML
- ２ちゃんねるの記事が読めなくなりました。
２ちゃんねるの記事が読めなくなりました。 ２ちゃんねる「ニュース速報＋」の、各見出しは表示されるのですが、記事の続きを読もうとクリックすると「インターネットではこのページは表示されません」になってしまいます。 「痛いニュース」「ビジネス」は記事と書き込みが読めるのですが・・・ 過去の質問を参考に、出来そうなことはやってみましたがだめでした。 この状態で１週間近くなります。また読めるようにするにはどうしたらよろしいでしょうか？ 教えていただけたら嬉しいです。
- 締切済み
- ネットトラブル
補足
ご回答ありがとうございます。 ご指導いただいた方法を行ないました。 ＳＮＳアイコンは消えましたが、やはり本文の Tweet と ページ下方の議論の表示がすべて消えてしまいました。 よろしくお願いいたします。