개념

• 코드 조각, 소스 코드, 변수명, 명령어 등 컴퓨터 코드를 시맨틱하게 표시하는 인라인 요소이다.
• 주요 목적은 코드 구간을 명확하게 구분하는 것이다.

특징

• 모노스페이스 글꼴로 기본 표시되어 코딩 특유의 느낌을 준다.
• 마크다운에서 ``로 감싼 인라인 코드가 HTML 변환 시 <code>로 매핑된다.

실무

• 여러 줄 코드 블록에는 pre와 결합하여 활용한다.
• code는 실제 코드나 명령어, var는 변수나 상징값에 사용한다.

예시

<p>
문자열을 출력하려면 <code>console.log('Hello world!')</code>를 사용하세요.
</p>

<pre>
<code>
function sum(a, b) {
  return a + b;
}
</code>
</pre>