HTML에서 Markdown로 온라인 변환기 – HTML 및 테이블을 GFM으로 변환

원시 HTML 코드, 웹 페이지 스니펫 및 HTML 테이블을 깔끔하고 읽기 쉬운 GitHub 맛 Markdown(.md)로 실시간으로 변환합니다. 블로그 게시물을 정적 사이트 생성기(Astro, Hugo, Next.js, Jekyll)로 마이그레이션하거나, GitHub README 및 Obsidian 노트를 위한 깔끔한 문서를 준비하거나, 웹 HTML를 AI/LLM 프롬프트용 경량 Markdown 컨텍스트로 압축하는 데 이상적입니다.

Quick Presets:

라인: 0

단어: 0

캐릭터: 0

온라인에서 HTML를 Markdown로 변환하는 방법

  1. HTML 코드 붙여넣기: HTML 조각(또는 전체 웹 페이지의 소스 코드)을 왼쪽의 HTML 입력 상자에 입력하거나 붙여넣거나 샘플 HTML 로드를 클릭하여 제목, 작업 목록, 코드 블록 및 HTML 테이블을 테스트합니다.
  2. Markdown 구문 사용자 정의: 오른쪽에 있는 Markdown 구문 스타일 패널을 사용하여 ATX(#) 또는 Setext(===) 제목을 선택합니다. (```) 또는 들여쓰기된 코드 블록 및 inline([text](url)) 또는 참조 스타일([text][1]) 링크.
  3. GFM 및 정리 필터 전환: Convert HTML 을 GFM 파이프 테이블로 유지
    및 Strip
  4. .md: 복사 또는 다운로드 clipboard로 복사를 클릭하여 Markdown를 GitHub, Obsidian, Notion 또는 VS Code에 붙여넣거나 다운로드 .md를 클릭하여 Markdown로 직접 저장합니다. 파일.

HTML에서 Markdown로 변환 참조 치트 시트

당사의 변환기는 표준 CommonMark 및 GitHub 맛 Markdown(GFM) 확장을 모두 지원합니다.

요소 HTML 입력 Markdown 출력
제목(H1–H6)

제목

/

부제

# 제목 / ## 자막 (또는 Setext === / ---)
굵은체 및 기울임체 굵게 & 기울임꼴 **굵게** & *기울임꼴* (또는 __Bold__ & _Italic_)
취소선(GFM) 지원 중단됨 또는 삭제됨 ~~더 이상 사용되지 않음~~
링크 및 이미지 문서 [문서](https://example.com) 또는 [문서][1]
작업 목록(GFM)
  • 완료
  • - [x] 완료
    펜싱된 코드 블록
    ...
    ```js ... ``` (자동으로 언어 클래스 감지)
    HTML 테이블(GFM) ...
    AB
    | A | B |
    | --- | --- |

    HTML를 Markdown로 변환하는 이유는 무엇입니까?

    • 정적 사이트 및 CMS 마이그레이션: 기존 HTML 기사 또는 WordPress 내보내기를 Astro, Next.js, Hugo, Eleventy(11ty), Docusaurus 및 Jekyll과 같은 최신 프레임워크용 Markdown/MDX 파일로 쉽게 마이그레이션합니다.
    • AI 및 LLM 컨텍스트 준비: 원시 웹 HTML를 깔끔한 Markdown로 변환하면 DOM 래퍼 팽창이 제거되고 토큰 수가 60%에서 80%로 줄이면서 ChatGPT, Claude 및 Gemini 프롬프트에 대한 의미 체계 계층, 테이블 및 코드 블록을 보존합니다.
    • 지식 기반 및 메모 작성 앱: 웹 문서를 클립하여 Obsidian, Notion, Logseq 또는 GitHub Wikis에 깔끔하게 저장하세요.

    자주 묻는 질문

    이 도구는 HTML 요소를 Markdown 테이블로 변환합니까?

    예! HTML

    를 GFM 파이프 테이블로 변환이 선택되면(기본적으로 활성화됨) 모든 HTML 테이블은 열 정렬 규칙(:---, :---:, ---:)는 align 또는 text-align 스타일에서 읽습니다.

    ATX와 Setext 제목의 차이점은 무엇입니까?

    ATX 스타일는 제목(# 제목 1 ~ ###### 제목 6) 앞에 해시 기호를 사용하며 거의 모든 최신 Markdown 파서에 권장됩니다. Setext style는 ​​등호(===)가 있는 수준 1 제목과 하이픈(---)이 있는 수준 2 제목에 밑줄을 긋습니다.

    "하이퍼링크 유지"를 선택 취소하면 어떻게 되나요?

    Preserve hyperlinks를 선택 취소하면 문장 내에서 클릭 가능한 앵커 텍스트를 유지하면서 URL 마크업이 제거됩니다(따라서 우리 가이드는 사라지지 않고 일반 우리 가이드가 됩니다).

    Markdown를 다시 HTML로 변환하려면 어떻게 해야 합니까?

    Markdown 구문을 HTML 코드로 변환해야 하는 경우 아래 관련 도구 섹션에 링크된 Markdown to HTML Converter를 사용하세요.