티스토리 뷰

HTML

[HTML] <samp>

<samp>

<samp> 태그는 컴퓨터 프로그램으로 출력된 결과물을 나타내는 텍스트를 표현합니다. 스크립트의 결과값을 나타낼 때 사용하며 monotype의 폰트로 표현이 됩니다.


<samp>

<samp> 태그는 프로그램으로 출력된 결과물을 나타내는 텍스트를 정의합니다.

정의(Definition)

  • <samp> 태그는 프로그램으로 출력된 결과물을 나타내는 텍스트 정의합니다.

비교(Compare)

  • 컴퓨터 소스 코드를 나타내는 텍스트는 <code> 태그를 사용합니다.
  • 수학적인 변수나 프로그램의 변수를 나타내는 텍스트는 <var> 태그를 사용합니다.
  • 컴퓨터 프로그램으로 출력된 결과물을 나타내는 텍스트는 <samp> 태그를 사용합니다.
  • 키보드 입력요소를 나타내는 텍스트는 <kbd> 태그를 사용합니다.

샘플(Sample)

Sample1

<code>

.prevUntil()는 선택한 요소의 이전에 위치한 요소를 조건에 맞을 때까지 찾습니다.

<var>

직각 삼각형의 두 직각변 a, b를 각각 한 변으로 하는 정사각형 면적의 합은 빗변 c를 한 변으로 하는 정사각형의 면적과 같습니다. 이를 피타고라스 정리라고 합니다.

<samp>

키보드를 찾을 수 없습니다. 계속 하실려면 F1을 눌러주세요.

<kbd>

브라켓에서 줄 복사 단축키는 Ctrl + D입니다.

html
<h3><code></h3>
<p><code>.prevUntil()</code>는 선택한 요소의 이전에 위치한 요소를 조건에 맞을 때까지 찾습니다.</p>

<h3><var></h3>
<p>직각 삼각형의 두 직각변 <var>a</var>, <var>b</var>를 각각 한 변으로 하는 정사각형 면적의 합은 빗변 <var>c</var>를 한 변으로 하는 정사각형의 면적과 같습니다. 이를 피타고라스 정리라고 합니다.</p>

<h3><samp></h3>
<p><samp>키보드를 찾을 수 없습니다. 계속 하실려면 F1을 눌러주세요.</samp></p>

<h3><kbd></h3>
<p>브라켓에서 줄 복사 단축키는 <kbd>Ctrl</kbd> + <kbd>D</kbd>입니다.</p>

호환성(Compatibility) 더보기 caniuse.com

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<samp> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고(Reference)

  • MDN
  • HTML5.1

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼