IT모아

HTML5 col & colgroup 태그 본문

HTML5

HTML5 col & colgroup 태그

아롱사태남 2015.04.16 14:31

<col>

테이블 하나 이상의 열 TD에 대해 속성 값을 정의한다.

각 셀에 스타일을 반복하는 대신에 열에 대하여 스타일을 적용하는데 유용하다.

<table> , <colgroup> 요소 안에서만 사용가능하다

모든 주요한 브라우저에서 지원


<col> 태그 사용목적

일반적으로 TD의 속성을 다루게 될때 각각의 TD에 대해서 값들을 입력하게 된다.

하지만 이 태그는 Column별로 속성을 제어할 수 있도록 제공

이 태그를 사용하게 되면 TD에서 반복되어 사용되는 내용을 상단에 옮김으로서 소스

자체의 크기를 줄일 수 있고, 또한 한 곳에서 통제가 가능



<Colgroup>

<col> 태그를 그룹으로 관리, 행이 아닌 열단위로 스타일 제어가능

-> 열의 구조적인 그룹화를 위해서 사용하며, <col>을 포함하는 부모요소.

기본값이 '1'이기 때문에 최소 대개 이상의 열을 그룹화할 때에는 <span>속성을 지정하면 됨


'HTML5' 카테고리의 다른 글

HTML5 col & colgroup 태그  (0) 2015.04.16
HTML5 WebStorage(local 및 session)  (0) 2015.03.14
iframe 속성 및 사용법(parent)  (0) 2015.02.02
크롬에서 배경이미지,배경색을 인쇄,프린트 하는 방법!!  (0) 2014.06.04
TABLE 속성  (0) 2014.03.24
0 Comments
댓글쓰기 폼