글자 꾸미기
이렇게 치면 | 이렇게 나옵니다 |
---|---|
//기울임// | 기울임 |
**굵게** | 굵게 |
//**굵게 & 기울임**// | 굵게 & 기울임 |
__밑줄__ | 밑줄 |
--취소선-- | 취소선 |
{{텔레타이프 (자간이 일정한) 글자}} | 텔레타이프 (자간이 일정한) 글자 |
일반^^윗첨자^^ | 일반윗첨자 |
일반,,아랫첨자,, | 일반아랫첨자 |
[!-- 안보이는 내용 --] | |
[[span style="color:red"]]사용자 정의 //span// 요소[[/span]] | 사용자 정의 span 요소 |
##blue|사전정의## 혹은 ##44FF88|사용자-정의-코드## 색상 | 사전정의 or 사용자-정의-코드 색상 |
[[span_ ]]와 같이 span 요소에 밑줄을 추가하면 임의의 새로운 줄과 문단이 추가되는 것을 방지할 수 있습니다. 이를 이용해 부트스트랩 구성요소와 같은 복잡한 HTML 구문을 쉽게 만들어낼 수 있습니다.
[[span]]...[[/span]] 태그에는 사용자정의 ID 인수를 붙이는 것도 가능합니다. Bootstrap을 사용하여 사이트를 만들 때 매우 유용하게 사용할 수 있죠. 모든 사용자정의 ID 인수는 보안상의 이유로 "u-" 접두어가 붙는 사실에 주의하십시오.
소스 코드의 가독성을 위해서 직접 "u-" 접두어를 붙이는 것도 가능합니다. 예를들면, 아래 두 위키 문법은 같은 HTML로 출력됩니다.
페이지를 저장할 때 mySpan 앞에 "u-" 접두어가 자동으로 붙습니다.
[[span id="mySpan"]]내 span 요소[[/span]]
"u-" 접두어가 이미 존재할 경우 추가되지 않습니다.
[[span id="u-mySpan"]]내 span 요소[[/span]]
두 예제를 HTML 출력했을 때 나오는 코드
<span id="u-mySpan">내 span 요소</span>