>웹 프론트엔드 >CSS 튜토리얼 >DIV+CSS와 테이블의 차이점은 무엇입니까?

DIV+CSS와 테이블의 차이점은 무엇입니까?

云罗郡主
云罗郡主앞으로
2018-11-14 17:22:522707검색

이 기사의 내용은 DIV+CSS와 테이블의 차이점에 대한 내용입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

DIV+CSS는 웹사이트 표준(또는 "WEB 표준")에서 일반적으로 사용되는 용어 중 하나입니다. 일반적으로 HTML 웹 디자인 언어의 테이블 위치 지정 방법과의 차이점을 설명하는 데 사용됩니다. 테이블 포지셔닝 기술을 사용하는 대신 DIV+CSS를 사용하여 다양한 스타일의 제작 및 포지셔닝을 구현합니다.

div는 html(하이퍼텍스트 언어)의 요소입니다. div+css는 웹 페이지 레이아웃 방법입니다. 이 웹 페이지 레이아웃 방법은 기존 테이블 레이아웃과 다르며 실제로 w3c 콘텐츠와 성능을 분리합니다.

div는 태그입니다. CSS는 계단식 스타일 시트(css 스타일)입니다.

DIV CSS 고급 레이아웃이 점차 대중화되고 있지만 소위 DIV+CSS 레이아웃이 DIV를 대체하게 놔두지 마세요. 표. 다중 레이어 중첩 DIV는 코드의 가독성에 심각한 영향을 미칩니다. HTML에서 제공하는 태그를 활용해 보겠습니다.

DIV+CSS의 기능:

1 W3C 표준을 준수합니다. Microsoft 및 기타 회사는 W3C 지지자입니다. 이는 향후 웹 애플리케이션 업그레이드로 인해 귀하의 웹 사이트가 더 이상 사용되지 않게 되므로 가장 중요합니다.

2. 브라우저 이전 버전과의 호환성을 지원합니다. 즉, 향후 브라우저 전쟁에서 IE7이 이기든 Firefox가 이기든 귀하의 웹사이트는 매우 호환됩니다.

3. 검색 엔진이 더 친숙해졌습니다. 기존 테이블에 비해 DIV+CSS 기술을 사용하는 웹페이지는 검색 엔진에 더 친숙합니다.

4. 스타일 조정이 더 편리해졌습니다. 콘텐츠와 스타일을 분리하면 페이지와 스타일 조정이 더욱 편리해집니다. 오늘날 YAHOO 및 MSN과 같은 국제 포털, NetEase 및 Sina와 같은 국내 포털, 주류 WEB2.0 웹사이트는 모두 DIV+CSS 프레임워크 모델을 채택하고 있으며 이는 DIV+CSS가 일반적인 추세임을 더욱 확증해 줍니다. 요즘에는 많은 개인 웹마스터가 DIV+CSS를 사용하여 새로운 웹사이트를 만들 때 자신만의 웹사이트 페이지를 구축합니다. 테이블을 DIV+CSS로 바꾸는 것이 더 이상 먼 꿈이 아니라는 것을 알 수 있습니다.

5. 동일한 페이지를 제작하여 퍼블리싱하여 TABLE로 만든 페이지와 DIV+CSS로 만든 페이지의 크기를 비교하면 DIV+CSS의 XHTML 페이지 크기는 TABLE로 만든 페이지보다 1/4 이상 작습니다. . 이를 통해 DIV+CSS 페이지 탐색이 더욱 빨라집니다.

위 내용은 DIV+CSS와 테이블의 차이점에 대한 완전한 소개입니다. CSS3 튜토리얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

위 내용은 DIV+CSS와 테이블의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 divcss5.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제