본문 바로가기
2222
Stack & Tool/HTML, CSS

dfn, cite, code, kbd, sup, sub, time, del, ins

by PARK TAE JOON 2021. 5. 18.

용어를 정의해줄 때

여러 개는 dl dt dd

한개에 대해서는 dfn

 

창작물에 대한 제목에 대해 설정해줄 때

<cite>the scream</cite> by edward munch.

 

code를 입힐 때

사용자에게 어떤게 코드라는 것을 확실히 보여줄 때

스타일은 내가 따로 주는 것이 좋다.

폰트만 좀 바뀐다.

<code>~~~~~~~~</code>

 

kbd

이것도 폰트만 좀 바뀌어서 보인다.

사용자에게 키를 보여줄 때 사용하는데

스타일을 줘서 사용자에게 확실히 이게 키다. 라는걸 보여주는게 좋다.

예를 들어서

kbd {
  padding:0 3px;

  border-radius : 3px;

  border-top: 2px solid rgb(240, 240, 240);

  border-bottom: 2px solid rgb(205, 205, 205);

  border-left: 2px solid rgb(240, 240, 240);

  border-right: 2px solid rgb(225, 225, 225);

}

 

위첨자 sup

아래첨자 sub

 

time (IE지원불가)

<time datetime = "2018-07-07">july 7</time>

 

 

수정

del

시간이 지나고 나니까 필요없을 것 같다. del태그로 표시.

변경을 설명하는 의미의 cite속성, 변경이 일어난 날짜에 대해서 datetime 속성을 사용해서 넣어준다.

 

ins

시간이 지나고 추가된 것에서 확실히 기록할 때

변경을 설명하는 의미의 cite속성, 변경이 일어난 날짜에 대해서 datetime 속성을 사용해서 넣어준다.

'Stack & Tool > HTML, CSS' 카테고리의 다른 글

5.19(수)  (0) 2021.05.19
srcset, sizes을 이용한 반응형 이미지  (0) 2021.05.18
link불러올 때 순서는 어떻게?  (0) 2021.05.18
html5에서 b, mark, em, strong의미  (0) 2021.05.18
약어 abbr  (0) 2021.05.18

댓글