<ins>
<ins> 태그는 문서에 삽입된 텍스트를 설정합니다
<ins>
<ins> 태그는 문서에 삽입된 텍스트를 설정합니다
| 특징 | 설명 |
|---|---|
| 요소 | 인라인 요소(Inline Element) |
| 닫는 태그 | 닫는 태그 사용(<ins> ~ </ins>) |
| 버전 | HTML4 |
| 시각적 표현 | 밑줄 |
| 사용성 |
정의(Definition)
- <ins> 태그는 문서에서 문서에서 수정이나 업데이트를 표현하기 위해서 사용합니다.
- <ins> 태그는 문서에서 시각적으로 밑줄이 표시됩니다.
비교(Compare)
- 문서에서 삭제된 텍스트틀 표시하려면 <del> 태그를 사용합니다.
- 문서에서 삽입된 텍스트를 표시하려면 <ins> 태그를 사용합니다.
- 정확하지 않고, 관련성이 없는 텍스트를 표시하려면 <s> 태그를 사용합니다.
접근성(Accessibility)
- <ins> 태그는 화면 판독기를 통해 판별할 수 없기 때문에 가상요소(::before, ::after)를 이용하여 시작과 끝을 알려주어야 합니다. 일부 화면 판독기 사용자는 이 기능을 불편해 하기 때문에 이 내용을 알지 못하면 불편한 경우에만 사용하는 것을 추천합니다.
예제1(Sample)
삭제된 텍스트 및 추가된 텍스트를 표현하는 예제입니다.
문서 편집을 위한 텍스트
<del> 태그는 문서의 수정된 삭제된 텍스트를 설정합니다.
<ins> 태그는 문서에 추가된 삽입된 텍스트를 정의합니다
HTML
CSS
SCRIPT
<h2>문서 편집을 위한 텍스트</h2>
<p>del 태그는 문서의 <del>수정된</del> <ins>삭제된</ins> 텍스트를 설정합니다.</p>
<p>ins 태그는 문서에 <del>추가된</del> <ins>삽입된</ins> 텍스트를 정의합니다</p>
//CSS none
//Javascript none
속성(Property)
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| cite | cite="URL" | 텍스트가 삽입/변경된 이유를 설명하는 문서의 URL을 지정합니다. | - |
| datetime | datetime="2016-10-15T22:55:03Z" | 텍스트가 텍스트가 삽입/변경된 날짜와 시간을 지정합니다. | - |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <ins> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| cite | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| datetime | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
