본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <ins>

<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 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<ins> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
cite 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
datetime 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고 사이트(Reference)


더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기