Typora 스팬 요소 문법
Span 요소는 입력 직후 구문 분석되고 랜더링된다.
해당 스팬 요소의 중간에 커서를 이동하면 해당 요소가 마크다운 소스로 확장된다.
다음은 각 span 요소의 구문에 대한 설명이다.
연결
마크다운은 인라인과 참조라는 두 가지 스타일의 링크를 지원한다.
두 스타일 모두에서 링크 텍스트는 [대괄호]로 구분된다.
인라인 링크
인라인 링크를 생성하려면 링크 텍스트의 닫는 대괄호 바로 뒤에 일반 괄호 세트를 사용한다.
괄호 안에 링크가 가리키고자 하는 URL과 링크의 선택적 제목을 따옴표로 묶는다.
This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.
내부 링크
클릭 후 해당 섹션으로 이동할 수 있는 '북마크'를 생성하는 내부 링크를 생성하려면
헤더 요소의 이름을 href로 사용한다.
Hold down Cmd (on Windows: Ctrl) and click on [this link](#block-elements) to jump to header `Block Elements`.
참조 링크
참조 스타일 링크는 두 번째 대괄호 세트를 사용하며 그 안에 링크를 식별하기 위해 선택한 레이블을 배치한다.
This is [an example][id] reference-style link.
Then, anywhere in the document, you define your link label on a line by itself like this :
[id]: http://example.com/ "Optional Title Here"
암시적 링크 이름 바로 가기를 사용하면 링크 이름을 생략할 수 있다.
이 경우 링크 텍스트 자체가 이름으로 사용된다.
빈 대괄호 세트를 사용하면 된다.
예를 들어 "Google"이라는 단어를 google.com 웹 사이트에 연결하려면 다음과 같이 작성하면 된다.
[Google][]
And then define the link :
[Google]: http://google.com/
URL
<타이포라를 사용하면 URL을 대괄호로 묶인 링크로 삽입할 수 있다.>
예를 들면 i@typora.io<i@typora.io>가 된다.
또한 타이포라는 이러한 대괄호 없이 표준 URL (예: www.google.com)을 을 자동으로 연결한다.
이미지
이미지는 링크와 구문이 비슷하지만 링크 시작 전에 추가 문자 느낌표(!)가 필요하다.
드래그 앤 드롭을 사용하여 이미지 파일이나 웹 브라우저에서 이미지를 삽입할 수도 있다.
이미지를 클릭하여 마크다운 소스 코드를 수정할 수 있다.
드래그 앤 드롭을 사용하여 추가한 이미지가 현재 편집 중인 문서와 동일한 디렉토리
또는 하위 디렉토리에 있는 경우 상대 경로가 사용된다.
중요성
마크다운은 별표(*)와 밑줄(_)을 강조 표시로 취급한다.
텍스트는 하나로 래핑되거나 _HTML <em> 태그로 래핑된다.
*single asterisks*
_single underscores_
강조 구분 기호로 사용되는 위치에 문자 별표 또는 밑줄을 생성하려면
백슬래시(\) 문자로 백슬래시 이스케이프를 수행할 수 있다.
\*this text is surrounded by literal asterisks\*
강조
double * 또는 -가 포함된 내용은 HTML <strong> 태그로 래핑되도록 한다.
**double asterisks**
__double underscores__
코드
코드의 인라인 범위를 나타내려면 백틱(`)으로 묶는다.
미리 형식이 지정된 코드 블록과 달리 코드 범위는 일반 단락 내의 코드를 나타낸다.
Use the `printf()` function.