코드랩 레퍼런스

<s> 본문

HTML

<s>

webstoryboy 2016.06.04 21:03
<s> 태그는 정확하지 않거나 올바르지 않은 텍스트를 정의합니다.
특징 설명
콘텐츠 카테고리 Phrasing content, Flow content.
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<s> ~ </s>)
버전 HTML4
시각적 표현 가운데 선

Definition

  • <s> 태그는 정확하지 않고, 관련성이 없고, 올바르지 않지만 삭제해서는 안 되는 내용을 표시하는데 사용합니다.
  • <s> 태그는 주로 할인된 가격에 표시합니다.

Compare

  • 정확하지 않고, 관련성이 없고, 삭제해서는 안 되는 내용을 표시하려면 <s> 태그를 사용합니다.
  • 문서에 삭제된 텍스트틀 표시하려면 <del> 태그를 사용합니다.
  • 문서에 삽입된 텍스트를 표시하려면 <ins> 태그를 사용합니다.

CrossBroswing

  • HTML4에서는 취소선으로 사용했지만, HTML5에서는 정확하지 않고, 관련성이 없는 텍스트로 변경되었습니다.

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
<s>

Sample

s 태그

  • 글씨를 타자모양의 텍스트(Teletype Text Element)를 사용하고 싶다면 <tt>를 사용합니다.
  • 글씨를 굵게 표현하고 싶다면 <b> 태그를 사용합니다.
  • 글씨를 이탤릭체로 표현하고 싶다면 <i> 태그를 사용합니다.
  • 글씨를 위첨자로 표현하고 싶다면 <sup> 태그를 사용합니다.
  • 글씨를 아래첨자로 표현하고 싶다면 <sub> 태그를 사용합니다.
  • 글씨에 밑줄을 표시하고 싶다면 <u> 태그를 사용합니다.
  • 글씨에 취소선을 표시하고 싶다면 <s> 태그를 사용합니다.
  • 글씨에 가운데 줄을 표시하고 싶다면 <strike> 태그를 사용합니다.
  • 글씨를 작게 표현하고 싶다면 <small> 태그를 사용합니다.
  • 글씨를 크게 표현하고 싶다면 <big> 태그를 사용합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>s</title>
</head>
<body>
<h1>s 태그</h1>
<div>
	<ul>
		<li>글씨를 <tt>타자모양의 텍스트(Teletype Text Element)</tt>를 사용하고 싶다면 tt를 사용합니다.</li>
		<li>글씨를 <b>굵게</b> 표현하고 싶다면 b 태그를 사용합니다.</li>
		<li>글씨를 <i>이탤릭체로</i> 표현하고 싶다면 i 태그를 사용합니다.</li>
		<li>글씨를 <sup>위첨자</sup>로 표현하고 싶다면 sup 태그를 사용합니다.</li>
		<li>글씨를 <sub>아래첨자</sub>로 표현하고 싶다면 sub 태그를 사용합니다.</li>
		<li>글씨에 <u>밑줄</u>을 표시하고 싶다면 u 태그를 사용합니다.</li>
		<li>글씨에 <s>취소선을</s>을 표시하고 싶다면 s 태그를 사용합니다.</li>
		<li>글씨에 <strike>가운데 줄</strike>을 표시하고 싶다면 strike 태그를 사용합니다.</li>
		<li>글씨를 <small>작게</small> 표현하고 싶다면 small 태그를 사용합니다.</li>
		<li>글씨를 <big>크게</big> 표현하고 싶다면 big 태그를 사용합니다.</li>
	</ul>
</div>
<hr>
<div>
	<ul>
		<li>현재 tt 태그, strike 태그, big 태그는 HTML5에서 사용하지 않으며, i 태그, s 태그, small 태그, b 태그는 의미가 변경되었습니다. </li>
	</ul>
</div>
</body>
</html>
Tag
공유하기 링크

Ad

Comments
댓글쓰기 폼