srcdoc
iframe の srcdoc 属性はフレーム内に表示する HTML コンテンツを直接インラインで指定します。src 属性よりも優先されます。
概要
iframe の srcdoc 属性はフレーム内に表示する HTML コンテンツを直接インラインで指定します。src 属性よりも優先されます。
対応ブラウザ
デスクトップ
Chrome 20+
Edge 79+
Safari 6+
Firefox 25+
モバイル
Chrome Android 25+
Safari iOS 6+
Firefox Android 25+
基本構文
HTML
<iframe srcdoc="<h1>こんにちは</h1><p>インラインHTMLコンテンツ</p>"
sandbox
width="400" height="200">
</iframe>実務での使いどころ
-
srcdoc の活用
iframe srcdoc属性。インラインHTMLをiframe内に直接埋め込む属性。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。