맞춤 HTML 속성

커스텀 HTML 속성 class, id, attribute='value'가 있는 마크다운 단락의 예입니다.

게재위치

이는 .LongFoo이라는 맞춤 class 속성이 있는 마크다운 단락입니다. 또한 속성에 직접 연결할 수 있도록 #next-line라는 맞춤 id 속성도 있습니다. 이러한 속성은 다음 줄에 지정됩니다.

이는 .LongFoo이라는 맞춤 class 속성이 있는 마크다운 단락입니다. 또한 속성에 직접 연결할 수 있도록 #same-line라는 맞춤 id 속성도 있습니다. 이러한 속성은 같은 줄에 지정됩니다.

이 마크다운 단락에 맞춤 속성이 없습니다. 다음 단락에 지정된 커스텀 속성이 있지만 이 속성이 빈 줄 앞에 오기 때문에 이 단락에 적용되지 않습니다. 다음 단락에는 .LongFoo이라는 class 속성이 있습니다. 또한 #blank-line이라는 커스텀 id 속성도 있지만 이 속성에 직접 연결되지는 않습니다.

코드 스팬

이 code span에는 사이에 공백이 없는 닫는 백틱 바로 뒤에 .CSFoo라는 맞춤 class 속성이 있습니다.

코드 블록

다음은 직접 링크할 수 있도록 코드 블록에 #mysample라는 커스텀 id 속성의 예시입니다.

print('hello world')

제목

제목 (또는 단락 이외의 요소)에 맞춤 속성을 적용하려면 속성을 줄의 끝에 배치하세요.

클래스 속성이 있는 제목

이 제목에는 제목과 같은 줄에 지정된 .customClass이라는 커스텀 class 속성이 있습니다.

이름이 지정된 앵커가 있는 제목

이 제목에는 #named-heading라는 커스텀 id 속성이 있으며 이 속성은 제목과 같은 행에도 지정되므로 해당 속성에 직접 연결할 수 있습니다.

링크

title 속성이 포함된 인라인 링크의 예입니다. 링크 위에 마우스를 가져가면 지금 표시되는 문제 도움말이 표시됩니다.

이는 title 속성이 없는 다른 인라인 링크의 예입니다. 링크 위로 마우스를 가져가면 텍스트가 표시되지 않습니다.

목록

다음은 맞춤 속성을 사용하는 목록의 예시입니다.

• 이 목록 항목에는 .ListFoo라는 커스텀 class 속성과 #first-item이라는 커스텀 id 속성이 있습니다.
• 이 목록 항목에 #second-item(이)라는 맞춤 id 속성이 있습니다.

각 목록 항목의 커스텀 id를 사용하면 첫 번째 목록 항목과 두 번째 목록 항목에 직접 연결할 수 있습니다.

표

이 테이블에는 헤더 행 끝에 .TableFoo이라는 커스텀 class 속성이 있습니다.

헤더 1	헤더2
셀1	셀2

이 여러 줄 테이블에는 헤더 행 끝에 #multi-line라는 커스텀 id 속성이 있으므로 테이블에 직접 연결할 수 있습니다.

헤더1은 두 번째 줄에 이어졌습니다.	Header2는 두 번째 줄에서 계속됩니다.
Cell1은 두 번째 줄에서 계속됩니다.	Cell2는 두 번째 줄에서 계속됩니다.