プログラミングやWeb制作を学び始めると、必ず出てくるのが Markdown と HTML です。
どちらも文章や構造を表現するための記法ですが、 目的・役割・使われる場面は大きく異なります。
この記事では、MarkdownとHTMLの違いを 教科書的・体系的にまとめます。
Markdownとは何か
Markdown（マークダウン）とは、 文章を簡単に書くための軽量な記法です。
主に、文章構造をシンプルに表現することを目的としています。
Markdownの特徴
- 記号を使って文章構造を表現する
- 人が読んでも分かりやすい
- 学習コストが低い
Markdownの記述例
# 見出し
- リスト1
- リスト2
**太字**
このように、記号だけで見出しやリストを表現できます。
HTMLとは何か
HTML（HyperText Markup Language）は、 Webページの構造を作るための言語です。
ブラウザに対して、 「ここは見出し」「ここは本文」「ここは画像」 といった情報を正確に伝える役割を持ちます。
HTMLの特徴
- Webページ表示の土台となる
- ブラウザが直接解釈する
- CSSやJavaScriptと組み合わせて使う
HTMLの記述例
<h1>見出し</h1>
<ul>
<li>リスト1</li>
<li>リスト2</li>
</ul>
MarkdownとHTMLの違い
| 項目 | Markdown | HTML |
|---|---|---|
| 目的 | 文章を簡単に書く | Webページを構築する |
| 書きやすさ | 非常に簡単 | やや複雑 |
| 表現力 | 限定的 | 非常に高い |
| 主な用途 | メモ・下書き・README | Webサイト・Webサービス |
WordPressではどう使われているか
WordPressでは、最終的にHTMLとして保存・表示されています。
ブロックエディタで文章を書いても、 内部的にはHTMLが生成されています。
Markdownが使われる場面
- 記事の下書き
- 学習メモ
- GitHubのREADME
HTMLが必要になる場面
- 表示崩れの修正
- デザイン調整
- カスタムHTMLブロック
初心者はどちらを学ぶべきか
結論として、以下の順番がおすすめです。
- Markdownで文章構造に慣れる
- HTMLでWebの仕組みを理解する
特にWordPressやWeb制作を行う場合、 HTMLは必須知識になります。
まとめ
- Markdownは「書きやすさ重視」の記法
- HTMLは「Web表示の正式ルール」
- WordPressでは最終的にHTMLが使われる
まずは違いを説明できる状態を目指せば十分です。 この理解が、HTML / CSS / JavaScript 学習の基礎になります。
カテゴリ：Web基礎 / WordPress
タグ：#Markdown #HTML #Web基礎 #WordPress
コメントを残す