HTMLからMarkdownへのコンバーター
ガイド
HTMLからMarkdownへのコンバーター
Convert HTML to clean Markdown instantly. Paste any HTML content — with headings, links, images, lists, tables, code blocks, and formatting — and get well-structured Markdown output ready for documentation, README files, or any Markdown-based platform.
使い方
Paste your HTML into the input area. The Markdown output updates instantly. Choose your preferred heading style (ATX with # or Setext with underlines), code block format (fenced or indented), and link style (inline or reference). Copy the result with one click.
特徴
- Full HTML Element Support – Converts headings, bold, italic, links, images, ordered and unordered lists, tables, blockquotes, code blocks, and horizontal rules.
- Heading Styles – Choose between ATX style (# Heading) or Setext style (underlined with === or —).
- Code Block Styles – Fenced code blocks (“`) or indented code blocks (4 spaces) for pre/code elements.
- Link Styles – Inline links [text](url) or reference-style links [text][1] with footnotes.
- Table Conversion – HTML tables convert to Markdown pipe table syntax with proper alignment.
- Nested Element Handling – Correctly processes bold inside italic, links inside headings, nested lists, and other complex structures.
- リアルタイム変換 – Output updates instantly as you paste or edit HTML content.
このツールを使用するタイミング
Use this tool when migrating web content to Markdown-based platforms like GitHub, GitLab, or static site generators. It’s ideal for converting blog posts to Markdown, creating README files from HTML documentation, preparing content for Markdown editors like Obsidian or Notion, or cleaning up HTML copied from web pages into readable Markdown for technical writing.
よくある質問
-
Markdownとは何ですか?
Markdown is a lightweight markup language created by John Gruber in 2004 for writing formatted text using plain text syntax. Instead of HTML tags like for bold, Markdown uses **double asterisks**. Instead of
for headings, Markdown uses # symbols. It's widely used for documentation (GitHub README files), note-taking (Obsidian, Notion), blogging (Jekyll, Hugo), and technical writing because it's readable even without rendering.
-
What is the difference between ATX and Setext heading styles?
ATX headings use hash symbols: # Heading 1, ## Heading 2, ### Heading 3, and so on up to six levels. Setext headings use underlines: a line of === under the text for H1, and --- for H2 (only supports two levels). ATX is more common and flexible since it supports all six heading levels. Setext is considered more readable in plain text but limited to two levels.
-
What is the difference between fenced and indented code blocks?
Fenced code blocks are wrapped in triple backticks (```) and can optionally specify a language for syntax highlighting (```javascript). Indented code blocks use four spaces or one tab at the start of each line. Fenced blocks are more popular because they support language specification, are easier to read in source, and don't conflict with other indented content like nested lists. Most modern Markdown processors support both styles.
-
Can this tool convert complex HTML with CSS and JavaScript?
This tool converts HTML structural elements (headings, paragraphs, lists, tables, links, images, formatting) to their Markdown equivalents. CSS styles, JavaScript, and non-structural HTML (like div containers or span elements without semantic meaning) are stripped since Markdown doesn't support styling. The converter focuses on content structure rather than visual presentation — it extracts the meaningful content from HTML and represents it in clean Markdown.
恵 スコアボードが到着しました！
スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！
必見ツール
すべて表示参加する
価値ある無料ツールの提供を継続するためにご協力ください
