코드랩 레퍼런스
<s> 본문
<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
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 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>
Ad
Comments