웹페이지 작성 시 TABLE, DIV 사용 구분
페이지 정보

본문
1. 가장 밑바탕의 영역 구분은 TABLE 사용
align 속성을 사용해 좌측/중앙/우측 정렬을 할 수 있음
2. 1번의 위 층은 DIV로 구성
우선 position:relative 속성으로 width, height를 지정하여 영역을 잡은 후,
영역 내 각각의 블럭에 대해서는 position:absolute 속성인 DIV로 한 층 더 올림
3. 2번의 블럭 위에 보여지는 내용에 따라 DIV/TABLE 중 하나를 선택하여 올림
결정 기준은 다음과 같음
- 여러 컬럼이 보여지고 그 컬럼들이 정렬된 경우는 TABLE을 사용하는 것이 좋음
- 임의의 위치에 내용이 표시되는 경우는 DIV(position:absolute)를 사용하는 것이 좋음
- 수직 정렬이 필요한 경우는 TABLE 사용.
하지만 모양이 복잡하지 않은 경우 DIV 위의 DIV(position:absolute)를 사용할 수도 있음
- 프로그램과 직접적인 관계가 없고, 링크도 없는 치장된 테두리는 작게 나누지 않고,
통째 배경으로 넣는 것이 좋음
※ TABLE을 사용하는 경우 colspan, rowspan을 남발하지 말 것
align 속성을 사용해 좌측/중앙/우측 정렬을 할 수 있음
2. 1번의 위 층은 DIV로 구성
우선 position:relative 속성으로 width, height를 지정하여 영역을 잡은 후,
영역 내 각각의 블럭에 대해서는 position:absolute 속성인 DIV로 한 층 더 올림
3. 2번의 블럭 위에 보여지는 내용에 따라 DIV/TABLE 중 하나를 선택하여 올림
결정 기준은 다음과 같음
- 여러 컬럼이 보여지고 그 컬럼들이 정렬된 경우는 TABLE을 사용하는 것이 좋음
- 임의의 위치에 내용이 표시되는 경우는 DIV(position:absolute)를 사용하는 것이 좋음
- 수직 정렬이 필요한 경우는 TABLE 사용.
하지만 모양이 복잡하지 않은 경우 DIV 위의 DIV(position:absolute)를 사용할 수도 있음
- 프로그램과 직접적인 관계가 없고, 링크도 없는 치장된 테두리는 작게 나누지 않고,
통째 배경으로 넣는 것이 좋음
※ TABLE을 사용하는 경우 colspan, rowspan을 남발하지 말 것
- 이전글아파치 환경설정 19.05.25
- 다음글리눅스 서버 quota 설정 19.05.25
댓글목록
등록된 댓글이 없습니다.
