html/css 독학하기

코스 전체목록

닫기

ins

설명

The HTML Inserted Text (<ins>) HTML represents a range of text that has been added to a document.

문서(document)에 추가(inserted)된 텍스트를 나타낸다. 마크업에서 변경된 사항을 강조해서 보여줄 수 있다.

Usage Context

Permitted content Transparent content model, either Phrasing content or flow content.
Tag omission None, must have both a start tag and and end tag.
Permitted parent elements Any element that accepts phrasing content, or any element that accepts flow content.
Normative document HTML 5, section 4.7.1; HTML 4.01, section 9.4

속성

이 엘리먼트는 전역속성을 지원한다.

cite

This attribute defines the URI of a resource that explains the change, like a link to some meeting minutes or a ticket in a troubleshooting sytem.

datetime

This attribute indicates the time and date of the change and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated time stamp.

cite

이 속성은 추가된 텍스트에 대한 설명이 들어있는 페이지 혹은 구간으로 가는 링크를 정의한다. 약속시간이 바뀌거나 장애처리 시스템에서 문제보고가 들어오는 등, 변경된 사항이 있는 경우에 쓸 수 있다. 이 속성이 가지고 있는 값은 왜 해당 내용이 추가 혹은 변경되었는지를 나타내지만, 웹브라우저 상에 보여지지 않는다.

datetime

텍스트가 추가된 시간, 날짜를 표시한다. datetime 속성값은 유효한 시간문자열(time string)이어야 한다. 예) YYYY-MM-DDThh:mm:ssTZD. 그렇지 않은 경우에 <ins> 요소는 타임스탬프 조합을 얻지 못한다. 이 속성 역시 브라우저 상에 보여지지 않는다.

유효한 시간문자열을 이루는 부분에 대한 설명 :

  • YYYY - 연도 (2009)
  • MM - 달 (01 - 1월)
  • DD - 날짜 (08)
  • T - 필수 구분자
  • hh - 시간 (22 - 밤 10시)
  • mm - 분 (55)
  • ss - 초 (03)
  • TZD - 표준 시간대

예제

<ins>This text has been inserted</ins>
<ins>이 텍스트는 추가되었습니다.</ins>

출력화면

DOM Interface

This element implements the HTMLModElement.

이 요소는 HTMLModElement 인터페이스를 구현한다.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 지원 지원 지원 지원 지원
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원          

참고

댓글

댓글 본문
  1. engfordev
    앗, 설명 감사합니다!
    중간에 바뀐 과정을 드러내고 싶을 때 쓰는 거군요~예를 들어 지운 내용을 중간에 줄그은 상태로 표시한 것을 블로그에서 본 적이 있는데, 그냥 서식으로 표현한 건 줄 알았어요. 그런데 이런 요소가 있었군요~
    대화보기
    • fantalon
      예제를 찾아보니,ex) John <del>likes</del> <ins>LOVES</ins> his new iPod.이런 문장이 있었습니다.'del'태그와 함께 쓰여서, 기존에는 '좋아한다(likes)'라고 했던 부분을 삭제하고 '사랑한다(loves)'로 바꾸면서, 어떻게 바뀌었는가를 시각적으로 표현할 수가 있네요.기본적으로 'del'태그는 텍스트 중간에 라인이 생기면서 삭제했다는 표시가 되구요, 'ins'는 밑줄이 그어지면서 구분이 됩니다.
      대화보기
      • engfordev
        잘 해주셨습니다~
        한 가지 궁금한 게 있는데요, ins라는 태그는 어떤 목적으로 쓰는 걸까요? 훔훔.. 이 텍스트는 새로 삽입한 것이다~ 라고 알려주고 싶을 때 써주는 걸까요?
        아참, 예제 부분도 한국어로 바꿔주세요~
      버전 관리
      graphittie
      현재 버전
      선택 버전
      graphittie 자세히 보기