HTML → Markdown 변환기

HTML을 깔끔하고 읽기 쉬운 Markdown으로 바꾸세요.

브라우저에서 실행됩니다. 입력한 내용은 어디로도 전송되지 않습니다.

HTML을 Markdown으로 변환하는 방법

  1. HTML을 붙여넣으세요.
  2. 입력하는 대로 Markdown이 나타납니다.
  3. Markdown 파일을 복사하거나 다운로드하세요.

요소별 변환 방식

HTMLMarkdown
<h2>Title</h2>## Title
<strong>bold</strong>**bold**
<a href="...">text</a>[text](...)
<code>x</code>`x`
<pre><code>...</code></pre>```로 감싼 펜스 코드 블록

깔끔하게 변환되지 않는 것

  • HTML 표는 Markdown 표 문법이 아니라 일반 텍스트로 나옵니다.
  • 인라인 스타일과 CSS 클래스는 Markdown에 대응하는 표현이 없어 제거됩니다.
  • 레이아웃용 div 같은 비표준 구조의 HTML은 그냥 문단이 됩니다.
  • 보이는 간격 조정만을 위한 반복된 공백과 줄바꿈은, 브라우저가 여분의 HTML 공백을 다루는 것과 같은 방식으로 공백 하나로 합쳐집니다.

변환된 Markdown이 쓰이는 곳

  • Markdown만 받는 README나 위키에 웹페이지를 붙여넣을 때.
  • 정리한 콘텐츠를 정적 사이트 생성기에 넣을 때.
  • CMS에서 내보낸 문서를 Markdown 기반 문서 도구로 옮길 때.
  • 이메일에서 붙여넣은 서식 있는 텍스트를 정리해 일반 텍스트 변경 이력에 기록하기 전에.

Markdown 출력 스타일

  • 제목은 ===나 ---로 쓰는 예전 밑줄 방식이 아니라 # 방식(ATX)을 씁니다.
  • 코드 블록은 4칸 들여쓰기가 아니라 백틱 3개로 만드는 펜스를 씁니다.
  • 굵게는 **, 기울임은 *를 써서 Turndown의 기본 스타일을 따릅니다.

HTML → Markdown 자주 묻는 질문

어떤 HTML 요소가 깔끔하게 변환되나요?

제목, 문단, 목록, 링크, 이미지, 굵게·기울임 텍스트, 인용구, 코드 블록은 모두 깔끔하게 변환됩니다.

HTML 표도 변환되나요?

Markdown 표 문법으로는 변환되지 않습니다. 도구마다 Markdown 표 지원 방식이 크게 달라 표는 텍스트 내용 그대로 나옵니다.

웹페이지 전체를 붙여넣을 수 있나요?

네. 페이지의 HTML 소스를 붙여넣으면 읽을 수 있는 콘텐츠가 Markdown으로 변환됩니다.

어떤 라이브러리를 쓰나요?

널리 쓰이는 HTML-투-Markdown 변환기인 Turndown을 ATX 스타일 제목(# 제목)과 펜스 코드 블록 설정으로 사용합니다.

중첩된 목록도 지원하나요?

네. 중첩된 <ul>과 <ol> 요소는 중첩 단계를 유지한 채 들여쓰기된 Markdown 목록 항목으로 변환됩니다.

&amp;나 &nbsp; 같은 HTML 엔티티도 변환되나요?

네, 흔한 엔티티는 Markdown 출력에서 실제 문자로 바뀌어 &amp;는 그대로 &가 되고 &nbsp;는 일반 공백이 됩니다.

인용구와 수평선은 어떻게 되나요?

<blockquote>는 >로 시작하는 줄이 되고, <hr>은 하이픈 3개짜리 줄이 됩니다. 둘 다 표준 Markdown 문법입니다.

Word나 Google 문서에서 바로 복사한 HTML도 변환할 수 있나요?

네, 다만 원본에는 서식을 위한 여분의 span 태그와 인라인 스타일이 많이 섞여 있는 경우가 많습니다. Markdown에는 대응하는 표현이 없어 이런 것들은 제거되고, 눈에 보이는 텍스트와 제목, 링크, 목록은 그대로 남습니다.

관련 도구