서버관리

본문 바로가기

서버관리

서버관리

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

페이지 정보

profile_image
작성자 관리자
댓글 0건 조회 749회 작성일 19-05-25 20:54

본문

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을 남발하지 말 것

댓글목록

등록된 댓글이 없습니다.

회원로그인


  • 케이엔아이시스템
  • 대표 : 김현철
  • 경기도 안양시 동안구 부림로80 한양빌딩 601-1201
  • TEL : 010-2890-1451
  • E-mail : khc@knisystem.co.kr
  • 사업자등록번호 : 130-31-39246
Copyright © KNISYSTEM All rights reserved.