링크

인라인 링크를 만들려면 링크 텍스트의 닫는 대괄호 바로 뒤에 일반 괄호를 사용합니다. 괄호 안에 링크가 가리키는 URL과 링크 제목(선택사항)을 따옴표로 묶어 입력합니다. 예를 들면 다음과 같습니다.

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

결과:

<p>This is <a href="http://example.com/" title="Title">
an example</a> inline link.</p>

<p><a href="http://example.net/">This link</a> has no
title attribute.</p>

동일한 서버의 로컬 리소스를 참조하는 경우 상대 경로를 사용할 수 있습니다.

See my [About](/about/) page for details.

마크다운에서 HTML 속성 지정

마크다운 링크에 속성을 하나 이상 추가하려면 다음과 같이 공백으로 구분된 형식을 사용할 수 있습니다.

[link text](url){: attribute="value" attribute2="value2" attribute3="value3"}

구문에 {: .external}를 추가하여 독자에게 외부 사이트로 연결되는 링크를 알릴 수 있습니다.

참조 스타일 링크는 두 번째 대괄호를 사용하며, 이 대괄호 안에 링크를 식별하기 위해 원하는 라벨을 배치합니다.

This is [an example][id] reference-style link.

필요에 따라 공백을 사용하여 대괄호 집합을 구분할 수 있습니다.

This is [an example] [id] reference-style link.

그런 다음 문서의 아무 곳에서나 한 줄에 다음과 같이 링크 라벨을 단독으로 정의합니다.

링크 URL을 꺾쇠괄호로 묶을 수도 있습니다(선택사항).

title 속성을 다음 줄에 넣고 패딩을 위해 추가 공백이나 탭을 사용할 수 있습니다. 패딩은 URL이 길수록 더 보기 좋습니다.

링크 정의 이름은 문자, 숫자, 공백 및 구두점으로 구성될 수 있지만 대소문자를 구분하지는 않습니다. 예: 다음 두 링크를 사용하세요.

[link text][a]
[link text][A]

동일합니다.

암시적 링크 이름 단축키를 사용하면 링크의 이름을 생략할 수 있으며, 이 경우 링크 텍스트 자체가 이름으로 사용됩니다. 대괄호를 사용하세요(예: 'Google'이라는 단어 연결). 'google.com' 웹사이트에 붙여넣으려는 경우 다음과 같이 작성하기만 하면 됩니다.

[Google]

그런 다음 링크를 정의합니다.

링크 이름에는 공백이 포함될 수 있으므로 이 단축키는 링크 텍스트에서 여러 단어에 대해서도 작동합니다.

Visit [Daring Fireball] for more information.

그런 다음 링크를 정의합니다.

링크 정의는 마크다운 문서의 어디에나 배치할 수 있습니다. 나는 문장이 사용된 모든 단락 바로 뒤에 넣는 편이지만, 원한다면 각주처럼 문서의 마지막에 모두 넣을 수도 있습니다.

다음은 참조 링크가 작동하는 예입니다.

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

암시적 링크 이름 단축키를 사용하면 다음과 같이 작성할 수 있습니다.

I get 10 times more traffic from [Google] than from
[Yahoo] or [MSN].

위의 두 예 모두 다음과 같은 HTML 출력을 생성합니다.

<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from
<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a>
or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>

비교를 위해 다음은 마크다운의 인라인 링크 스타일을 사용하여 작성된 동일한 단락입니다.

I get 10 times more traffic from [Google](http://google.com/ "Google")
than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or
[MSN](http://search.msn.com/ "MSN Search").

마크다운은 '자동' 생성을 위한 단축키 스타일을 지원합니다. URL 및 이메일 주소 링크: URL 또는 이메일 주소를 꺾쇠괄호로 묶습니다. 즉, URL 또는 이메일 주소의 실제 텍스트를 표시하고 클릭 가능한 링크로 설정하려는 경우 다음과 같이 하면 됩니다.

<http://example.com/>

마크다운은 이를 다음으로 변환합니다.

<a href="http://example.com/">http://example.com/</a>

이메일 주소의 자동 링크도 비슷하게 작동하지만, 마크다운이 주소를 수집하는 스팸 봇으로부터 주소를 은폐하기 위해 임의의 10진수 및 16진수 엔터티 인코딩을 수행한다는 점만 다릅니다. 예를 들어 마크다운은 다음을 변경합니다.

<address@example.com>

다음과 같이 변환합니다.

<a href="&#x6D;&#x61;i&#x6C;&#x74;&#x6F;:&#x61;&#x64;&#x64;&#x72;&#x65;
&#115;&#115;&#64;&#101;&#120;&#x61;&#109;&#x70;&#x6C;e&#x2E;&#99;&#111;
&#109;">&#x61;&#x64;&#x64;&#x72;&#x65;&#115;&#115;&#64;&#101;&#120;&#x61;
&#109;&#x70;&#x6C;e&#x2E;&#99;&#111;&#109;</a>

이 URL은 브라우저에서 'address@example.com'에 대한 클릭 가능한 링크로 렌더링됩니다.