본문 바로가기

공부/TIL-D

2019-04-10

HTML5에 새롭게 추가된 신규요소중 일부

<section><article><aside><hgroup><section><header> <footer><nav><figure><figcaption>

time태그란? http://parkjuwan.dothome.co.kr/wordpress/2017/03/20/html-time-tag/

 

HTML5에서 추가된 유용한 태그

이 포스트는 HTML5에서 추가된 time … /time 태그에 관한 내용입니다. time 태그는 ‘HTML 문서에는 의미적인 기능을 부여한다’는 W3C의 기조를 반영하기 위해 HTML5에서 추가된 태그 중 하나입니다. 이 태그의 용도는 문서 내용 안에 어떤 날짜나 시간을 나타내는 표현이 있을 때 그 부분에 사용하여 알맞은 날짜나 시간을 컴퓨터가 인식할 수 있게 의미적으로 나타내는 데 사용합니다. 이 태그의 사용법은 time datetime="날짜/시간"

parkjuwan.dothome.co.kr

섹셔닝 루트 body,fieldset,figure,td

독립적 개요 컨테이너 외부에서 내부 개요로 접근불가

섹셔닝 콘텐츠 section,article,nav,aside

명시적 개요를 생성하는 컨테이너 헤딩을 함께 사용하면 헤딩수준으로 변경

transform 속성 : scale,skew,fotate (filter는 x)

웹폰트를 사용하기 위한 선언 @font-face

border-box = w/h+p+b  content-box =w/h+p+b+m

다중배경이미지는 배경이미지를 2개이상도 사용할 수 있고, 여러 개의 배경이미지를 겹쳐서 지정할 경우 가장 마지막에 선언한 배경이 맨아래 배치된다

flex

flex-direction 행정렬 열정렬 flex-wrap(겹칠건지 말건지) flex-flow(flex-direction, flex-wrap 속성의 축약속성)


 

반응형

'공부 > TIL-D' 카테고리의 다른 글

오늘 배운 것 자세히  (0) 2019.04.12
2019-04-11  (0) 2019.04.11
2019-04-09  (0) 2019.04.09
2019-04-08  (0) 2019.04.08
2019-04-07  (0) 2019.04.07