コンテンツエリアで使用可能なHTMLタグ
コンテンツレンダリングエリアで使用できるHTMLタグ
下記はフルビューでコンテンツレンダリングエリアに表示テストした結果です。
ホステッドエクスペリエンスのコンテンツレンダリングエリアに表示できるタグにはシステム上の制限はかけていませんが、端末やブラウザの制限等で使用できないタグがあります。実機で表示できるか試してください。
タグ | 記述例 | 表示結果 |
a | <a href='https://www.example.com'>リンク</a> | ○ |
abbr | <abbr title='Hypertext Markup Language'>HTML</abbr> | ○ |
address | <address>連絡先情報です。</address> | ○ |
area | <map name='planetmap'><area shape='circle' coords='180,139,14' href='venus.htm' alt='Venus'></map> | |
article | <article>記事のセクションです。</article> | ○ |
aside | ||
audio | <audio controls><source src='audio.mp3' type='audio/mpeg'>音声がサポートされていません。</audio> | ○ |
blockquote | <blockquote>これは引用セクションです。</blockquote> | ○ |
cite | <cite>参考文献</cite> | ○ |
code | <code>コードスニペット</code> | ○ |
data | <data value='210'>210</data> | ○ |
detail | <details><summary>詳細情報の要約</summary>ここに詳細情報が展開されます。</details> | ○ |
dfn | <dfn>定義される用語</dfn> | ○ |
div | <div>グループ化された範囲です。</div> | ○ |
dl | <dl><dt>用語</dt><dd>定義</dd></dl> | ○ |
em | <em>強調テキスト</em> | ○ |
embed | <embed type='image/png' src="sample.png" width="250" height="200" /> | ○ |
figure | <figure><img src='https://aismiley.co.jp/wp-content/uploads/2020/10/logo.png' alt='説明'><figcaption>図のキャプションです。</figcaption></figure> | ○ |
footer | <footer>ページのフッター部分です。</footer> | ○ |
h1 ~ h6 | <h1>メインのタイトル</h1> <h2>サブタイトル</h2> <h3>セクションタイトル</h3> <h4>サブセクションタイトル</h4> <h5>小見出し</h5> <h6>さらに小さな見出し</h6> | ○ |
header | <header>ページのヘッダー部分です。</header> | ○ |
hr | <hr> | ○ |
i | <i>イタリック</i> | ○ |
iframe | <iframe src='https://www.example.com' title='インラインフレーム'></iframe> | ○ |
img | <img src='https://aismiley.co.jp/wp-content/uploads/2020/10/logo.png' alt='プレースホルダー'> | ○ |
kbd | <kbd>Ctrl + C</kbd> | ○ |
main | <main>メインコンテンツです。</main> | ○ |
map | <img src='planets.gif' usemap='#planetmap' alt='Planets'><map name='planetmap'><area shape='rect' coords='0,0,82,126' href='sun.htm' alt='Sun'></map> | |
menu | <menu type='context'><li>新規作成</li><li>開く</li><li>保存</li><li>名前を付けて保存</li></menu> | ○ |
nav | <nav><ul><li>ホーム</li><li>ニュース</li><li>連絡先</li></ul></nav> | ○ |
object | <object data='movie.swf' type='application/x-shockwave-flash'></object> | |
ol | <ol><li>項目1</li><li>項目2</li></ol> | ○ |
p | <p>これは段落です。</p> | ○ |
param | <object data='movie.swf' type='application/x-shockwave-flash'><param name='autoplay' value='true'></object> | |
picture | <picture><source media='(min-width: 800px)' srcset='https://via.placeholder.com/450'><img src='https://via.placeholder.com/150' alt='レスポンシブ画像'></picture> | ○ |
pre | <pre>整形済みテキストです。</pre> | ○ |
q | <q>引用フレーズ</q> | ○ |
s | <s>過去の情報</s> | ○ |
samp | <samp>サンプル出力</samp> | ○ |
section | <section>一般的なセクションです。</section> | ○ |
small | <small>細かい注釈</small> | ○ |
source | <video controls><source src='movie.mp4' type='video/mp4'>動画がサポートされていません。</video> | ○ |
strong | <strong>重要なテキスト</strong> | ○ |
sub | H<sub>2</sub>O | ○ |
sup | 1<sup>st</sup> | ○ |
time | <time datetime='2023-10-05'>2023年10月5日</time> | ○ |
track | <video controls><source src='movie.mp4' type='video/mp4'><track src='subtitles.vtt' kind='subtitles' srclang='en' label='English'>動画がサポートされていません。</video> | |
ul | <ul><li>項目A</li><li>項目B</li></ul> | ○ |
var | <var>x</var> | ○ |
video | <video controls><source src='movie.mp4' type='video/mp4'>動画がサポートされていません。</video> | ○ |
お役に立ちましたか？
😞
😐
🤩
最終更新日 April 19, 2024