DIV와 테이블 페이지 레이아웃의 차이와 연계

3485 단어 table
본고는 여러분께 DIV와 Table 페이지 레이아웃의 차이와 연계를 묘사하고자 합니다. 일반적으로 Table 개발이 빠르고 제어하기 쉬우며 브라우저가 호환되는 것도 좋습니다. DIV의 장점에 대해서는 아래의 상세한 설명을 보십시오.
DIV와 Table 페이지 레이아웃의 차이점 및 연계성
현재 웹 페이지 제작에 대해 전통적인 테이블을 선택하느냐, 아니면 새로운 DIV를 사용하느냐에 대해 의견 차이가 있다.일부는 Table를 사용하는 것이 좋고 개발이 빠르고 제어하기 쉬우며 브라우저가 호환되는 것도 좋다고 한다.다른 부분에서는 DIV가 좋고 향후 발전 추세는 주로 다음과 같다.
DIV+CSS 레이아웃은 Table 레이아웃보다 페이지 코드를 절약하고 코드 구조도 더욱 뚜렷하다.
DIV+CSS의 개발 속도는 Table보다 빠르고 레이아웃이 정확하지만 핸드폰 코드가 DIV+CSS 레이아웃을 뚜렷하게 증가시켜 사이트의 레이아웃 수정을 더욱 간단하게 한다.
DIV+CSS 레이아웃은 향후 다양한 클라이언트 요구에 적합합니다.
DIV+CSS 레이아웃은 사이트의 공간 및 사이트 트래픽을 절약합니다.이것들은 모두 DIV의 장점이다.
DIV가 이렇게 좋은 점이 많은데 설레지 않나 배워보기로 했어요.DIV와 Table는 서로 다른 용도로 사용할 수 있는 장점이 있습니다.
나는 정확한 표준에 부합되는 디자인 사고방식은 DIV 등 레이아웃 요소를 사용하여 페이지의 디자인 레이아웃, 포지셔닝, 색조, 이미지 등을 제작하는 것이라고 생각한다.Table,UL 등의 요소를 사용하여 페이지에 표시할 데이터를 표시합니다.DIV는 Table처럼 되지 않기 때문에 IE에서 전체 Table를 다운로드한 후에야 내용을 모두 표시할 수 있기 때문에 (firefox는 할 수 없음) Table로 레이아웃하는 것은 분명 적합하지 않다. 특히 데이터가 많을 때 IE에서 Table를 사용하면 느린 것을 발견할 수 있다.DIV가 훨씬 나아졌어요.물론 DIV도 데이터를 정리하는 역할을 한다.
DIV는 레이아웃에 사용되고 Table는 데이터를 표시하는 데 사용되며 이것은 현재의 가장 기본적인 설계 원칙이다.
1:Table에 DIV를 내장할 수 있습니다.반대로 DIV는 테이블을 포함할 수 있습니까?
그럼요.
◆ DIV 정의
HTML을 표시할 수 있는 영역을 나타냅니다.
  SpecifiesacontainerthatrendersHTML.
메모
이 요소는 InternetExplorer 3.0 이상 HTML에서 사용 가능, InternetExplorer 4.0 이상 버전의 스크립트에서 사용할 수 있습니다.
이 요소는 블록 요소입니다.
이 요소는 탭을 닫아야 합니다.
  TheDIVelementisavailableinHTMLasofInternetExplorer3.0,andinscriptasof InternetExplorer4.0. Thiselementisablockelement. Thiselementrequiresaclosingtag.
예제 코드
다음 예에서는 두 DIV 요소를 사용하여 두 단락의 문자를 서로 다른 정렬 처리했습니다.

 
  1. ThisexampleusestwoDIVelementstoaligntwosectionsoftextdifferently.
  2. <DIV>
  3. 。 HTML
  4. </DIV>
  5. <DIVALIGNDIVALIGNDIVALIGNDIVALIGN=CENTER>
  6. , 。
  7. </DIV>

DIV 자체가 컨테이너 성질이기 때문에 테이블뿐만 아니라 텍스트와 다른 HTML 코드도 내장할 수 있습니다.
2:DIV는 Table과 같은 역할을 하지 않나요?
DIV의 역할은 Table와 차이가 많지 않지만 DIV는 xml에 대한 지원이 좋고 사용이 유연하기 때문에 새로운 웹 레이아웃 방식으로 추천된다.
3: DIV Table 중 어느 속도가 빠릅니까?
DIV는 비교적 빠르기 때문에 웹 페이지 내용의 표시는 상대적으로 전체 블록의 내용을 다운로드한 후에 표시해야 한다.DIV 레이아웃을 사용하는 것은 많은 독립된 비교적 작은 범위이고, Table 레이아웃을 사용하는 것은 일반적으로 표를 여러 층으로 끼워 넣어 비교적 큰 다운로드 범위를 형성한다.
전재 주소: http://blog.csdn.net/chinalogs/article/details/7617124

좋은 웹페이지 즐겨찾기