iframeで読み込まれた際に表示されないようにする。/netkansai

iframeで読み込まれた際に表示されないようにする。

2017/05/23

今時iframeかと思いますが、youtube動画の貼り付けや、広告など広く使われているようです。HTML4.01strictにおいてはiframe自体が未定義だったと思うのでvaldateに通らないので使わない、というか使えない感じだったと思います。それでも何かとiframeで提供されるものが多くて仕方なく利用していました。

HTML5では、そのような現状に合わせてかどうかわかりませんが、iframeが仕様に取り込まれました。現在は、いろいろなところから提供されているiframeをそのまま使うことができますが、frameborder属性は廃止になっていますので注意が必要です。Youtubeの埋め込みタグにはframeborder="0"がかきこまれていますが。

iframeにはname属性の指定ができまして、リンクのターゲットにiframeにつけたnameの値を指定すればそこにリンクが開きます。下のリンクをクリックしていただければわかるのですが、Yahooとgoogleは何も表示してくれません。本サイトともう一つはiframeの中にサイトが表示されます。サーバー側で何か仕込んでいるようです。iframeの初期値はルパン三世　タイプライター風　CSS のサンプルファイルです。

ググってみるとサーバの設定でできるようです。サーバの種類によって設定方法が異なるのは当たり前でしょうが、レンタルサーバーなどでは触れない場合があります。ヘッダー情報に X-Frame-Optionsを指定してsameoriginを指定すればいいとのことです。phpでも可能とのことです。

ヘッダー情報なのでHTMLを出力する前に

<?php header('X-FRAME-OPTIONS: SAMEORIGIN'); ?>

を記述してあげればOKとのこと。

netks.org ちなみにここは非ITなブログです。よろしくです。

はトップページだけX-Frame-Optionsを設定していますのでクリックしてもiframeの中は真っ白だと思われます。

2018年11月06日 22時57分

crojyt さん

JmYtDr <a href="http://cjkzzrudopom.com/">cjkzzrudopom</a>, [url=http://lwksvmlitijx.com/]lwksvmlitijx[/url], [link=http://myrnbudybmlh.com/]myrnbudybmlh[/link], http://oobiblohzfyi.com/

2020年04月05日 17時40分

Yvette King さん

What a terrific post! I spend a couple of minutes on reading, and I am so excited by the information I received, by the manner of writing it
reminded me this page https://saltwaterquarterly.org/watching-what-you-say/. It's actually tough to find something precious on that
subject. But this author appears to be a real professional
because there is a unique style in his writings.
I'm going to subscribe to his new publications, just to not skip anything.
This post works its own reading.

2021年01月11日 05時25分

Thompson Ariel さん

I can not help commenting here. Thank you for the time well spent looking
over this article. I can't recall the last
time I have typed something. Probably it was https://ESSAYWRITENOW.COM BUY AN ESSAY SERVICE, as well as your stuff
are not any good. Wonderful work, keep posting !

2021年01月11日 11時25分

Roberts Ryder さん

The article instead caught and interesting to get all possible nuances to consider.
I do get pleasure from reading the material and the writing manner of the author, etc because
I did after finding https://ESSAYWRITENOW.COM BUY AN ESSAY
SERVICE. I suggest you write such forms of articles daily to
give the audience like me all of of the necessary info. In my view, it is preferable to be
prepared for all the unexpected scenarios in advance it was pretty
cool.

2021年01月19日 11時45分

Taylor Marilyn さん

I can't help commenting here. Thank you for the time spent looking over this report.

I can't remember the last time I've bookmarked some thing.

Perhaps it was https://ESSAYWRITENOW.COM PAPER WRITER SERVICE
, along with your stuff are no less good. Fantastic job, keep posting more!

2021年01月26日 07時09分

O'Brien Steven さん

I bookmark these pages straight away! Thank you a lot
to this author for this a great post. It educated me around https://makeup-reviews.com/brand/zoeva-brand/, I think your blog is simply as
good as theirs. I will certainly get back to your own page to read new posts later on! Best of
luck!

2021年02月22日 08時04分

yneyogrxhs さん

3N2TwK <a href="http://enedfodpoavg.com/">enedfodpoavg</a>, [url=http://lxttanpfgsyh.com/]lxttanpfgsyh[/url], [link=http://luisechgchae.com/]luisechgchae[/link], http://bfdovjxqazkd.com/

2021年02月27日 06時32分

Bailey Nathan さん

What a wonderful article I've only finished. Thank you greatly, you are an exceptional writer!

I could only compare this informative article to the awesome piece
I have read in http://firstregion.net/__media__/js/netsoltrademark.php?d=https://www.easyvpnservice.com/. You focus on details is clear,
which says a lot. Maintain providing us with amazing materials later on.

コメントよろしくお願いします。

お名前
コメント

PHP

iframeで読み込まれた際に表示されないようにする。