[HTML] Advanced text formatting

인용구, 서술문, 컴퓨터 코드 및 관련 텍스트, 첨자, 위첨자, 연락처 정보 등을 표시하는 방법에 대한 내용이다.

Description lists

용어 및 정의, 질문 및 답변과 같은 일련의 항목 및 관련 설명을 표시하는 것이다. (실제로 FAQ 페이지 같은 곳에서 사용될까?)

• <dl> 태그 사용
• <dt> - 용어, 질문과 같은 상위 항목(description term)
• <dd> - 답변과 같은 하위 항목(description definition)
• 하나의 <dt> 에는 여러개의 <dd>가 존재할 수 있다.

Blockquotes

• 블록 레벨 콘텐츠의 섹션(문단, 여러 단락, 리스트등)이 인용된 경우 이를 나타내는 <blockquote> 요소로 감싸야 한다.
• cite 속성으로 출처를 표기한다.

Inline quotations

• <q> 요소를 사용한다는 것만 제외하면 블록 레벨 인용구랑 동일하게 동작한다.

Citations

별도의 처리를 하지 않는다면 브라우저는 cite 콘텐츠를 화면에 표시할 방법이 없다. 페이지에서 인용 출처를 나타나게 하고 싶다면 <cite> 요소를 사용한다.

Abbreviations

• 머리 글자 또는 약어를 나타내는데 사용된다.

<p><abbr title="Hypertext Markup Language">HTML</abbr></p>

Contact details

• 연락처 세부 정보를 표시할 때 사용된다.

<address>
    <p>Suyeon Jung</p>
</address>

Superscript and subscript

• 날짜, 화학 공식 및 수학 방정식과 같은 항목을 표시할 때 사용된다.

<p>25<sup>th</sup></p>
<p>H<sub>2</sub>O<p>

Computer code

• <code> : 일반적인 컴퓨터 코드
• <pre> : 공백을 유지하기 위해 사용, 공백이 텍스트 편집기에서 보는 것과 동일하게 렌더링
• <var> : 변수 이름을 특별하게 표시
• <kbd> : 컴퓨터에 입력된 키보드 입력을 표시
• <samp> : 컴퓨터 프로그램의 출력을 표시

Times and dates

• 기계가 읽을 수 있는 형식으로 시간과 날짜를 표시하기 위해 사용된다.