2023-12-18
마크다운에서 이미지에 캡션을 추가하면 이미지에 대한 이해와 맥락을 향상시킬 수 있습니다. 표준 마크다운에서는 이미지 캡션을 직접적으로 지원하지 않지만, 이를 포함하는 방법이 있습니다.
가장 간단한 방법은 이미지의 대체 텍스트를 캡션으로 사용하는 것입니다:
Markdown Toolbox
이렇게 하면 캡션 역할을 할 수 있는 대체 텍스트가 있는 이미지가 렌더링됩니다.
보다 명확한 캡션을 원한다면 HTML 태그를 사용할 수 있습니다:
<figure>
<img src="image-url.jpg" alt="Alt text" />
<figcaption>This is the image caption</figcaption>
</figure>
이 방법은 그 아래에 캡션이 있는 이미지를 렌더링합니다. <figure> 태그는 종종 캡션(<figcaption>)과 함께 자급자족 컨텐츠를 나타내기 위해 사용되는 의미론적 HTML 요소이며, 이미지를 위한 데 적합합니다.
일부 마크다운 렌더러 또는 확장 프로그램은 이미지 캡션에 대한 구문을 지원합니다. 예를 들어, Pandoc은 캡션이 있는 도형을 위한 구문을 가지고 있습니다. 당신의 마크다운 환경에서 이러한 기능이 있는지 확인하세요.
캡션의 모양은 사용하는 마크다운 렌더러나 플랫폼에 따라 다를 수 있으므로, 문서가 의도한 환경에서 어떻게 렌더링되는지 테스트하는 것이 중요합니다.