본문 바로가기
웹표준/HTML5 훑어보기

HTML5 ins 엘리먼트(element)

by 샷타이거 2010. 7. 5.

HTML5 ins 엘리먼트(element)

ins엘리먼트는 뭍서에 콘테트가 추가되었다는것을 보여줄때 쓴다.

흔히 쉽게생각하면 블로그의 덧글이라고 생각하면되겠다.먼저간단한 예


<aside>
  <ins>
  <p>우왕우왕 어쩌고저쩌고</p>
  </ins>
 </aside>

간단한 문장이 추가된것. 이번엔 두번 사용 해보자


<aside>
  <ins>
  우왕우왕 어쩌고저쩌고</em>.
  </ins>
  <ins>
  ㅎㅎ
  </ins>
</aside>

속성 엘리먼트 cite , datetime

cite는 추가한이융를 이야기해주고 datetime은 그날짜다. 아래는 그예제


<aside>
  <ins datetime="2005-03-16T00:00Z">
  <p> I like fruit. </p>
  </ins>
  <ins datetime="2005-03-16T00:00Z">
  Apples are <em>tasty</em>.
  </ins>
  <ins datetime="2007-12-19T00:00Z">
  So are pears.
  </ins>
</aside>

ins에 포함된 첫번째 두번쨰문장을 보자 날짜가 같다 그렇다고 아래와 같이사용하면 안된다.


<aside>
  <!-- don't do this -->
  <ins datetime="2005-03-16T00:00Z">
  <p> I like fruit. </p>
  Apples are <em>tasty</em>.
  </ins>
  <ins datetime="2007-12-19T00:00Z">
  So are pears.
  </ins>
</aside>

위의 예는 2005-03-16T00:00Z에 두가지가 포함되어있다. cite 속성 엘리먼트가 시사하는 바가 다르기에 각각 사용해야한다는 점을 잊지말자.

댓글