코드랩 레퍼런스

<del> 본문

HTML

<del>

webstoryboy 2016. 5. 26. 10:45
<del> 태그는 문서의 삭제된(delete) 텍스트를 정의합니다.
특징 설명
콘텐츠 카테고리 Phrasing Content, Flow Content.
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<del> ~ </del>)
버전 HTML4
시각적 표현 글씨 가운데 줄이 표시

Definition

  • 문서에서 삭제된 텍스트를 표시 할 때 <del> 태그를 사용합니다.
  • 문서에서 수정 및 업데이트와 관련된 마크업은 <del> 태그와 <ins> 태그를 사용합니다.

Compare

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

Property

속성 값(예) 설명 버전
cite cite="URL" 텍스트가 삭된제 이유를 사이트로 설정합니다. -
datetime datetime="2016-10-15T22:55:03Z" 텍스트가 삭제된 날자를 설정합니다. -

Compatibility

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

Sample

del 태그

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

Ad

Comments