코드랩 레퍼런스

<ins> 본문

HTML

<ins>

webstoryboy 2016. 6. 3. 16:53
<ins> 태그는 문서에 삽입된 텍스트를 정의합니다.
특징 설명
콘텐츠 카테고리 Phrasing content, Flow content.
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing(<ins>~</ins>)
시각적 표현 밑줄
버전 HTML4

Definition

  • <ins> 태그는 문서에서 수정이나 업데이트를 표현하기 위해서 사용합니다.
  • <ins> 태그는 시각적으로 밑줄이 표시됩니다.

Compare

  • 문서에 삭제된 텍스트틀 표시하려면 <del> 태그를 사용합니다.
  • 문서에 삽입된 텍스트를 표시하려면 <ins> 태그를 사용합니다.

Property

속성 값(예) 설명 버전
cite cite="url" 텍스트가 삽입 / 변경된 이유를 설명하는 문서의 URL을 지정합니다. -
datetime datetime="2017-05-15T22:53:02Z" 텍스트가 삽입 / 변경된 날짜와 시간을 지정합니다. -

Compatibility

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

Sample

ins 태그

  • 문서에 삭제된 텍스트틀 표시하려면 <del> 태그를 사용합니다.
  • 문서에 삽입된 텍스트를 표시하려면 <ins> 태그를 사용합니다.
  • 올바르지 않지만 삭제해서는 안 되는 내용을 표시할 때는 <s> 태그를 사용합니다.
  • 글자에 밑줄을 삽입하려면 <u>태그를 사용합니다.

  • 첫번째 글은 기존에 있던 글 입니다.
  • 두번째 글은 새롭게 추가된 글입니다.
  • 세번째 글은 새롭게 추가된 글에 관련된 사이트를 정보 속성 추가하였습니다.
  • 네번째 글은 새롭게 추가된 글에 관련된 날짜 정보 속성을 추가하였습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Dfn</title>
</head>
<body>
<h1>ins 태그</h1>
<div>
	<ul>
		<li>문서에 삭제된 텍스트틀 표시하려면 <del> 태그를 사용합니다. </li>
		<li><ins>문서에 삽입된 텍스트를 표시하려면 <ins> 태그를 사용합니다.</ins></li>
		<li><ins cite="http://coderap.tistory.com/90">올바르지 않지만 삭제해서는 안 되는 내용을 표시할 때는 <s> 태그를 사용합니다.</ins></li>
		<li><ins datetime="2017-05-28 00:00Z">글자에 밑줄을 삽입하려면 <u>태그를 사용합니다.</li>
	</ul>
</div>
<hr>
<div>
	<ul>
		<li>첫번째 글은 기존에 있던 글 입니다.</li>
		<li>두번째 글은 새롭게 추가된 글입니다.</li>
		<li>세번째 글은 새롭게 추가된 글에 관련된 사이트를 정보 속성 추가하였습니다.</li>
		<li>네번째 글은 새롭게 추가된 글에 관련된 날짜 정보 속성을 추가하였습니다.</li>
	</ul>
</div>
</body>
</html>

Ad

Comments