Coding 매뉴얼

기본문법 매뉴얼

번역하고 싶은 언어를 선택해 주세요.

코딩방식의 차이점

코딩방식에는 과거에 주로 사용하던 다중 TABLE 코딩 방식과, 최근들어 웹표준과 함께 주류가된 DIV 코딩 방식이 있습니다.

TABLE 코딩

<table> 로 레이아웃을 구성하는 방식입니다.
코드가 길고 내용이 많아질수록 구성이 복잡하여 유지보수가 힘듭니다.

DIV 코딩

<div> 로 레이아웃을 구성하는 방식입니다.
코드가 간결하여 페이지 로딩이 빠르며, 디자인적인 부분을 css로 작성함으로써 유지보수가 간단합니다.
  • 예제

    header
    left right
    footer
  • TABLE 코딩 예

    header
    left right
    footer
  • DIV 코딩 예

    header
    left
    right
  • CSS 코딩 예

    .div_wrap div { display:block; padding:10px; font-size:.8em; }
    .div_wrap .div_header { clear:both; width:320px; background:#ddd; }
    .div_wrap .div_left { float:left; width:100px; background:#eee; }
    .div_wrap .div_right { float:left; width:200px; background:#fafafa; }
    .div_wrap .div_footer { clear:both; width:320px; background:#ddd; }