ブログ記事を書く際、HTMLやJavaScriptを用いた動作のデモをCodePenやCodeSandboxに書いて埋め込むことがある。 ただ、ちょっとしたデモには大げさに感じる場合や外部サービスに依存するとサービス終了のリスクを考慮したい場合がある。この場合、iframeのsrcdocを ...

プログラミング系だと、「機能」の単位を作成して、 後からそれらを挿入して組み立てることが多いです。 これの大きい恩恵として、不具合が発生したときに機能を取り外してバグが発生するかの確認など整備がとても簡単になるんですね。 また、新機能 ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し／使いこなす」企業の最前線をお届けし ...

今回は、HTMLでのフレーム分割をiframeで行う方法について、フレームページとメニュページの作り方に分け、簡単に解説していきます。 フレームページの作り方 HTML5では、iframe要素でフレームページを作ります。 別のフレームへのリンクに対応させるため ...

ネイティブlazy-load（レイジー・ロード）は、JavaScriptのライブラリなしで遅延読み込みを実現できる仕組みだ。画像（imgタグ）またはiframe（iframeタグ）にloading="lazy"属性を追加するだけで実装できる。 「遅延読み込み」とは、ページ表示を高速化しUXを改善 ...

Using iframes and srcDoc adding a random script tag to your application, from which you can access the parent window and do anything you want. You could publish a package that looked like a safe Html ...

有些可以發文或是留言的網站，通常都會開放一定程度的 HTML 元素，並不會完全封死，例如說至少粗體（<b>）與斜體（<i>）這些無害的元素會開放，而有些網站為了支援像是 YouTube 播放器之類的功能，也會支援 iframe 標籤。

IFrames, unlike HTML frames, allow you to place customizable windows on a Web page without using frameset elements. Some site owners use iFrames to display other Web pages; others add videos or other ...

IFrame (inline frame) is an HTML element that makes it possible to embed another HTML document inside the main one. It has become one of the most popular ways to embed interactive and multimedia ...