MarkdownテーブルからHTMLテーブルタグへの変換

Markdownのパイプテーブルを HTML <table>, <thead>, <tbody>, <tr>, <th>, <td>タグに変換する方法を解説。列の配置、セル内のフォーマット、制限事項を含みます。

Block Elements

詳細な説明

MarkdownテーブルからHTMLへの変換

Markdownテーブル(GitHub Flavored Markdownの一部)は、パイプ(|)とハイフン(-)を使って行と列を定義します。完全なHTML <table> 構造に変換されます。

基本的なテーブル

| 名前    | 年齢 | 役割       |
|---------|------|------------|
| Alice   | 30   | 開発者     |
| Bob     | 25   | デザイナー |

最初の行がテーブルヘッダー(<thead><th> 要素)になり、以降のすべての行がテーブルボディ(<tbody><td> 要素)になります。

列の配置

セパレータ行でコロンを使用して配置を制御できます:

  • :--- = 左揃え
  • :---: = 中央揃え
  • ---: = 右揃え

テーブル内のインラインフォーマット

テーブルセル内で太字、斜体、インラインコード、リンクを使用できます。

制限事項

Markdownテーブルはセルの結合(colspan/rowspan)、複数行のセルコンテンツ、ネストされたテーブルをサポートしていません。複雑なレイアウトには、Markdown内で直接HTMLを使用してください。

ユースケース

テーブルはAPIドキュメント(パラメータ説明)、比較表、機能マトリクス、変更履歴、MarkdownベースのドキュメントやREADMEファイルにおけるあらゆる構造化データの表示に不可欠です。

試してみる — Markdown to HTML Converter

フルツールを開く