HTML → 마크다운 변환기
HTML 코드를 마크다운으로 변환
HTML 입력
변환된 마크다운
HTML → 마크다운 예제
HTML을 읽기 쉬운 마크다운으로 변환하세요. 예제:
API 참조 스니펫
HTML 입력:
변환된 마크다운:
위의 예제를 사용하여 더 많은 샘플 데이터를 불러오세요.
HTML → 마크다운이란?
마크다운은 문서와 README를 위한 경량 마크업 언어입니다. HTML은 장황합니다—HTML을 마크다운으로 변환하면 읽기 쉽고 편집 가능한 텍스트를 얻을 수 있습니다. 이 도구는 HTML을 파싱하여 마크다운을 출력합니다: 제목은 #, 링크는 [텍스트](url), 목록은 - 또는 1.이 됩니다. CommonMark 명세가 출력 형식을 정의합니다.
변환은 브라우저에서 완전히 실행됩니다. 서버로 아무것도 전송되지 않습니다. 출력은 깔끔한 마크다운입니다. 반대 방향(마크다운 → HTML)은 마크다운 → HTML 변환기를 사용하세요. 실시간 미리보기로 편집하려면 마크다운 편집기를 사용하세요.
이 도구 사용 방법
HTML 붙여넣기 또는 업로드
HTML을 복사하여 왼쪽 편집기에 붙여넣으세요. 업로드를 클릭하여 .html 또는 .htm 파일을 불러올 수도 있습니다. 예제 버튼으로 예제 데이터를 불러올 수 있습니다.
마크다운 출력 확인
오른쪽 패널에 변환된 마크다운이 표시됩니다. 제목, 단락, 링크, 이미지, 목록, 표가 변환됩니다. 복잡한 HTML은 장황하거나 근사치 마크다운을 생성할 수 있습니다.
HTML → 마크다운 변환이 도움이 되는 경우
웹사이트, CMS, WYSIWYG 편집기에서 마크다운으로 콘텐츠를 마이그레이션할 때(예: GitHub, GitLab, 또는 Jekyll 같은 정적 사이트) 이 변환이 시작점을 제공합니다. W3C HTML 명세가 입력을 정의합니다. 페이지에서 HTML을 복사하여 여기에 붙여넣으면 편집하고 버전 관리할 수 있는 마크다운을 얻을 수 있습니다.
스크래핑이나 콘텐츠 내보내기는 종종 HTML을 생성합니다. 마크다운으로 변환하면 일반 텍스트로 편집 가능하고 문서 도구와 호환됩니다. 마크다운을 HTML로 변환하려면 마크다운 → HTML 변환기를 사용하세요. 데이터에서 표 생성은 마크다운 표 생성기를 사용하세요.
자주 묻는 질문
변환은 무손실인가요?
항상 그런 것은 아닙니다. HTML은 더 많은 구조(div, span, 클래스)를 가집니다. 마크다운은 더 단순합니다. 복잡한 레이아웃, 중첩된 div, 인라인 스타일은 완벽하게 매핑되지 않을 수 있습니다. 출력은 최선의 변환입니다.
내 데이터는 비공개인가요?
네. 변환은 브라우저에서 완전히 실행됩니다. 서버로 데이터가 전송되지 않습니다.
표는 어떻게 처리되나요?
HTML 표는 가능한 경우 마크다운 표 문법으로 변환됩니다. 복잡한 표(colspan, rowspan)는 깔끔하게 변환되지 않을 수 있습니다. 데이터에서 표를 만들려면 마크다운 표 생성기를 사용하세요.
이미지는 어떻게 처리되나요?
이미지 태그는 마크다운 이미지 문법으로 변환됩니다: . 대체 텍스트와 URL이 보존됩니다. 상대 URL은 그대로 유지됩니다.
전체 HTML 페이지를 변환할 수 있나요?
네. 전체 페이지를 붙여넣으세요. 변환기는 일반적으로 본문 콘텐츠를 추출합니다. 스크립트, 스타일, 메타 태그는 보통 제거됩니다. 메인 콘텐츠를 마크다운으로 얻을 수 있습니다.
관련 도구
자세히 알아보기: CommonMark, CommonMark 명세, GitHub Flavored Markdown, Markdown Guide, MDN HTML, W3C HTML, GitHub.