Markdown インラインHTML

最終更新:2026-10-14

インラインHTML CommonMark コア

Markdown では HTML タグをそのまま書けます。インラインでもブロックレベルでも構いません。レンダラの方針は 2 種類あり、そのまま透過する(本サイトの markdown-it は html:true)か、安全のためフィルタするかです。HTML は Markdown の表現力が足りないときの逃げ道になります。

所属グループ基礎・インライン
仕様レベルCommonMark コア
仕様バージョンCommonMark 0.31.2 + GFM

📝 構文

<span style="color:crimson">赤いテキスト</span>

▶ オンライン例

左で Markdown を編集すると右に即時反映

💡 ポイント

⚠️ Warning ユーザー入力をレンダリングする場面では必ず DOMPurify などのサニタイザを組み合わせてください。<script> や onerror 属性はいずれも XSS の注入ポイントになります。
ℹ️ Note HTML ブロックの内部では Markdown は解析されません。HTML 内で Markdown を使おうとするのは最もよくある失敗ポイントです。

❓ よくある質問

Q すべての HTML タグが使えますか?
A レンダラの設定によります。安全を重視する環境では script、iframe、style やイベント属性が除去されます。
Q HTML の中で Markdown 構文は使えますか?
A ブロックレベルの HTML 内では使えません。インラインタグ(<span> など)に囲まれたテキストの中では使えます。
Q 本サイトはどの方針を採用していますか?
A markdown-it の html:true による透過に加え、フロントエンドで DOMPurify による許可リスト方式のサニタイズを行う二重防御です。

📚 関連項目

生HTMLのフィルタリングGFM 拡張 HTMLエンティティCommonMark コア
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%