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ファイルにおけるあらゆる構造化データの表示に不可欠です。