Markdown太字・斜体からHTML strongタグ・emタグへの変換

Markdownの太字(**text**)と斜体(*text*)をHTMLの<strong>と<em>タグに変換する方法を解説します。組み合わせやネストの例を含みます。

Inline Elements

詳細な説明

Markdownにおける太字と斜体の強調

Markdownはアスタリスク(*)とアンダースコア(_)を使って強調を示します。これはHTMLの <em>(斜体)と <strong>(太字)タグに変換されます。

斜体テキスト

テキストを1つのアスタリスクまたはアンダースコアで囲みます:

*アスタリスクで斜体*
_アンダースコアで斜体_

変換結果:

<em>アスタリスクで斜体</em>
<em>アンダースコアで斜体</em>

太字テキスト

テキストを2つのアスタリスクまたはアンダースコアで囲みます:

**アスタリスクで太字**
__アンダースコアで太字__

変換結果:

<strong>アスタリスクで太字</strong>
<strong>アンダースコアで太字</strong>

太字と斜体の組み合わせ

3つのアスタリスクまたはアンダースコアで太字と斜体の両方を適用できます:

***太字かつ斜体***

アスタリスク vs. アンダースコア

両方とも機能しますが、多くのスタイルガイドではアスタリスクが推奨されています。アンダースコアは単語の途中で問題を引き起こす可能性があるためです。

ユースケース

強調はドキュメントの重要な用語の強調から、READMEファイルの重要な警告のフォーマットまで、あらゆる場面で使用されます。HTML出力を理解することで、変換されたコンテンツのCSSスタイリングやレンダリング問題のデバッグに役立ちます。

試してみる — Markdown to HTML Converter

フルツールを開く