MD ViewerMD Viewer

100% 프라이빗 — 모든 처리가 브라우저에서

마크다운 밑줄 — HTML 태그로 안전하게 표시

표준 마크다운에는 밑줄 마커가 없습니다. HTML u 태그를 쓰는 마크다운 밑줄의 실전 레시피를 실시간 미리보기와 복사 가능한 예제로 소개합니다.

MD Viewer 팀

예제
마크다운 소스
미리보기

Normal text and underlined text in one line.

마크다운 밑줄은 언어의 빈틈을 드러내는 요청입니다. 마크다운에는 밑줄을 긋는 기본 문법이 존재하지 않습니다. 별표는 기울임, 이중 별표는 굵게, 이중 물결표는 취소선을 주지만, 어떤 문자의 쌍도 밑줄을 긋지 못합니다. HTML이 허용되는 곳에서 작동하는 마크다운 밑줄 방법이 u 태그입니다. <u>밑줄 텍스트</u>. 위의 놀이터가 그것을 안전하게 실시간 렌더링합니다. 왼쪽에 소스, 오른쪽에 결과가 있습니다.

마크다운 밑줄이 HTML에 기대므로 두 가지 규칙이 따라옵니다. 첫째, 렌더러가 인라인 HTML을 허용해야 합니다. GitHub, GitLab, 대부분의 문서 사이트, 그리고 이 페이지는 허용하고, 엄격한 CommonMark 실험장과 일부 위키는 허용하지 않습니다. 둘째, 태그는 살균되어야 합니다. 이 사이트는 u 태그를 특별히 화이트리스트에 넣고 사용자 마크업에서 모든 이벤트 핸들러와 위험한 속성을 제거하므로, 여기서 마크다운 밑줄을 실험해도 위험하지 않습니다.

20년 묵은 습관에서 나온 경고 하나. 웹에서는 밑줄 친 텍스트가 링크로 읽힙니다. 마크다운 밑줄은 진짜 의미가 있는 몇 안 되는 자리 — 중국어 고유명사, 인쇄물의 양식 라벨, 전통적 문서 스타일 — 에 아껴 두고, 강조에는 굵게나 기울임을 고르세요. 호환성의 세부는 마크다운 언더라인 페이지가 다루고, 이 페이지는 문법의 실전 데모입니다.

마크다운 밑줄 문법 참조

입력결과
<u>텍스트</u>u 태그를 통한 진짜 마크다운 밑줄
**<u>굵은 밑줄</u>**굵게와 밑줄의 조합
_텍스트_기울임. 밑줄이 아닌 잦은 오해
__텍스트__굵게. 이중 언더스코어는 강조
<ins>텍스트</ins>삽입의 의미. 많은 렌더러에서 밑줄 표시

마크다운 밑줄 긋는 법

  1. 1

    HTML이 허용되는지 확인

    마크다운 밑줄에는 인라인 HTML을 받는 렌더러가 필요합니다. 실무 문서에 기대기 전에 위의 놀이터나 대상 플랫폼의 스크래치 파일로 시험하세요.

  2. 2

    텍스트를 u 태그로 감싸기

    단어 앞에 <u>, 뒤에 </u>를 씁니다. 밑줄은 정확히 감싸인 범위에만 걸리고, 실시간 미리보기가 편집 중 경계를 보여 줍니다.

  3. 3

    다른 강조와 조합하기

    u 태그는 마크다운 강조와 합쳐집니다. **<u>굵은 밑줄</u>**은 둘 다 표시합니다. 태그 짝이 무너지면 문단 나머지가 밑줄을 물려받으니 균형을 유지하세요.

  4. 4

    복사해서 다른 곳에서 확인

    '마크다운 복사'로 정확한 소스를 얻으세요. README나 이슈에 붙여넣고 마크다운 밑줄이 렌더링되는지 확인하면 됩니다. 호환성 페이지가 안전한 플랫폼을 나열합니다.

마크다운 밑줄의 기본 문법이 없는 이유

John Gruber의 원조 마크다운이 밑줄을 의도적으로 뺀 것은 웹 고유의 이유 때문입니다. 웹 페이지에서 밑줄은 하이퍼링크를 의미합니다. 밑줄 친 텍스트를 더하면 매체에서 가장 중요한 안내 수단과 충돌하고, 읽는 사람은 밑줄 친 단어를 클릭했다가 아무것도 찾지 못할 것입니다. 그래서 마크다운은 강조, 강한 강조, 코드와 함께 태어났고, 마크다운 밑줄은 오늘날까지 HTML 수입품으로 남았습니다.

이 빈틈은 쓰기 문화마다 다른 얼굴을 합니다. 중국어 조판에서는 밑줄이 고유명사를 표시하고, 마크다운 밑줄 질문이 끊이지 않을 만큼 흔합니다. 동아시아 문서에서는 서양이 기울임을 쓰는 자리 — 책 제목 — 에 짧은 <u>범위</u>를 쓰는 것이 관용적입니다. 법률과 학술 문서에서는 인쇄 시대의 스타일로 밑줄이 살아남았습니다. 이것들이 정당한 용도입니다. 웹에서의 단순한 강조에는 굵게와 기울임이 아무도 헷갈리게 하지 않고 의미를 실어 나릅니다. 마크다운 밑줄이 옳은 때는, 선 자체가 메시지일 때입니다.

구현 면에서 이 페이지의 엔진은 u 태그를 화이트리스트에 올린 살균된 요소로 취급합니다. onclick 핸들러, 스타일 속성, 스크립트는 렌더링 전에 제거되고 진짜 마크다운 밑줄만 표시됩니다. 공개 도구로서 올바른 거래입니다. 타이포그래피를 얻고 XSS 표면을 잃습니다.

마크다운 밑줄의 실수

__밑줄__

<u>밑줄</u>

이중 언더스코어는 밑줄이 아니라 굵게를 만듭니다. 마크다운 밑줄에 문자 기반 문법은 없고 u 태그가 필요합니다.

<u onclick=…>

<u>맨 태그</u>

onclick 같은 속성은 이 페이지의 살균기가 제거합니다. 마크다운 밑줄에는 맨 태그면 충분하고, 깨끗한 마크업은 표시되며 위험한 마크업은 되지 않습니다.

모든 강조에 밑줄 쓰기

강조에는 굵게나 기울임

웹에서는 밑줄 친 텍스트가 링크로 읽힙니다. 마크다운 밑줄은 고유명사와 인쇄물 스타일 문서를 위해 아껴 두고, 강조에는 굵게나 기울임을 고르세요.

밑줄과 PDF 내보내기

마크다운 PDF 변환 페이지는 마크다운 밑줄을 진짜 밑줄 그어진 PDF 텍스트로 바꿉니다. 밑줄과 링크가 섞인 문서라면 둘 다 살아남습니다 — 링크는 파랗고 클릭 가능한 채로, u 범위는 차분하게 밑줄이 그어진 채로.

밑줄을 쓰기 전에 묻는 세 가지

밑줄을 넣기 전에 스스로에게 세 가지를 물어보세요. 이 줄이 진짜로 밑줄을 의미하는가. 내 문서가 렌더링될 플랫폼은 HTML을 허용하는가. 같은 효과를 굵게나 기울임으로 얻을 수는 없는가. 세 질문에 모두 확신이 닿을 때만 u 태그를 쓰세요.

동아시아 문서에서 책 제목을 표기해야 한다면 밑줄이 관용적인 선택입니다. 다만 길이를 짧게 유지하고, 문장 전체에 걸치는 밑줄은 피하세요. 짧은 범위는 어떤 렌더러에서든 우아하게 처리되지만, 긴 밑줄은 HTML이 걷혔을 때 가장 보기 흔한 흔적을 남깁니다.

밑줄을 접한 독자의 반응까지 문서가 책임진다는 점을 기억하세요. 선을 본 독자는 클릭을 시도하고, 아무 일도 일어나지 않으면 잠시 혼란을 느낍니다. 그 혼란의 크기만큼 밑줄은 비용을 치르는 문법입니다. 비용을 지불할 가치가 있는 장식인지 매번 스스로에게 물어보세요.

밑줄은 마크다운에서 유일하게 HTML에 기대는 일반 서식입니다. 그 한계를 아는 것이 곧 활용법을 아는 것입니다. 어디서 되는지, 어디서 안 되는지, 안 될 때 무엇으로 대신할지 — 이 세 가지가 이 페이지와 짝 페이지가 함께 전달하려는 전부입니다.

결론은 처음과 같습니다. 마크다운에서 밑줄은 u 태그이고, 그 이상도 이하도 아닙니다. 되는 환경에서 정확한 자리에 쓰고, 안 되는 환경에서는 굵게로 대신하는 것 — 이 한 줄의 원칙이 밑줄에 관한 모든 실무적 질문에 답합니다.

자주 묻는 질문

출처 및 사양 인용

“The <u> HTML element represents a span of inline text which should be rendered in such a way as to indicate that it has a non-textual annotation.”
MDN Web Docs — <u>: The Unarticulated Annotation element
“Markdown treats asterisks (*) and underscores (_) as indicators of emphasis.”
John Gruber, "Markdown: Syntax" (Daring Fireball, 2004)

관련 마크다운 도구