>  기사  >  웹 프론트엔드  >  CSS 웹 페이지 레이아웃의 장점과 단점

CSS 웹 페이지 레이아웃의 장점과 단점

黄舟
黄舟원래의
2016-12-17 11:58:061719검색

CSS 웹 페이지 레이아웃은 WEB2.0 표준화된 디자인 컨셉이 대중화되면서 많은 국내 대형 포털에서 실제 적용 상황으로 볼 때 테이블 제작 페이지보다 확실히 DIV+CSS 제작 방식이 더 좋습니다. . 방법.
요즘 대부분의 웹사이트는 여전히 테이블과 중첩된 콘텐츠를 사용하여 웹사이트를 만듭니다. 이 방법은 우리에게 익숙하고 사용하기 쉽지만 더 유연하고 강력한 웹사이트 디자인 방법을 방해합니다. DIV+CSS.
 
CSS 웹 페이지 레이아웃의 장점은 다음과 같은 측면에서 반영됩니다.

1. 페이지 로드 속도를 빠르게 합니다
대부분의 페이지 코드가 CSS로 작성되므로 페이지 볼륨이 용량이 줄어들어 작아집니다. 테이블 중첩 방법과 비교하여 DIV+CSS는 페이지를 더 많은 영역으로 분리하여 페이지가 열릴 때 레이어별로 로드됩니다. 테이블 중첩처럼 큰 테이블에 전체 페이지를 담는 대신 로딩 속도가 매우 느립니다.

2. 트래픽 비용 절감
페이지 크기가 작아지고 탐색 속도가 빨라지는 것은 호스트 트래픽을 제어하는 ​​일부 웹사이트의 가장 큰 장점입니다.

3. 디자인 수정 시 더욱 효율적입니다
DIV+CSS 제작 방식을 사용하기 때문에 페이지 수정 시 시간을 절약하기가 더 쉽습니다. 지역 콘텐츠 태그에 따라 CSS에서 해당 ID를 찾으면 페이지의 다른 부분의 레이아웃 스타일을 파괴하지 않고 페이지를 수정하는 것이 더 편리해집니다.

4. 시각적 일관성 유지
DIV+CSS의 가장 중요한 장점 중 하나: 이전에는 시각적 일관성을 유지하는 방식으로 인해 페이지 간 또는 영역 간 디스플레이가 발생했습니다. 효과는 그들 사이에 다를 것입니다. DIV+CSS 제작 방법을 사용하면 모든 페이지 또는 모든 영역이 CSS 파일에 의해 균일하게 제어되므로 다른 영역 또는 다른 페이지에 반영되는 효과 편차가 방지됩니다.

5. 검색 엔진에 의한 색인 개선
대부분의 HTML 코드와 콘텐츠 스타일이 CSS 파일로 작성되므로 웹 페이지의 텍스트 부분이 더욱 눈에 띄고 검색이 쉬워집니다.

6. 시청자와 브라우저에게 더 친숙함
우리 모두는 웹사이트가 시청자를 위해 만들어졌으며 이러한 점에서 DIV+CSS가 더 친숙하다는 것을 알고 있습니다. CSS는 스타일이 풍부하기 때문에 페이지를 더욱 유연하게 만들어 다양한 브라우저에 따라 통일되고 변형되지 않은 표시 효과를 얻을 수 있습니다.

CSS 웹 페이지 레이아웃의 중요성과 장점에 대해 많이 이야기했지만 CSS 웹 페이지 레이아웃의 단점을 과소평가할 수는 없습니다.

1 DIV+CSS를 사용할 수는 없지만 가능합니다. 최소한 테이블보다 낫습니다. 포지셔닝은 훨씬 더 복잡하며 초보자는 물론 웹 사이트 디자인 전문가에게도 쉽게 문제가 발생할 수 있습니다.

2. CSS 웹사이트 제작의 디자인 요소는 일반적으로 하나의 외부 파일 또는 여러 개의 파일에 배치되는데, 이는 상당히 복잡하거나 심지어 크기가 클 수 있습니다. CSS 파일을 비정상적으로 호출하면 전체 웹사이트가 끔찍해집니다. .

3. DIV+CSS는 대부분의 브라우저 호환성 문제를 해결하지만 일부 브라우저에서는 예외가 있습니다. 예를 들어 Firefox는 IE에서는 일반 페이지를 표시하지만 Firefox를 사용하면 완전히 다를 수 있습니다. 물론 이것은 브라우저의 문제이겠지만, 현재 DIV+CSS는 아직 모든 브라우저와 통일된 호환성을 달성하지 못했다고 할 수 있습니다.

4. DIV+CSS가 검색 엔진에 최적화되어 있는지 여부는 DIV+CSS 자체가 아니라 웹 디자인의 전문가 수준에 달려 있습니다. DIV+CSS 웹 디자인은 웹 페이지가 검색 엔진에 최적화된다는 것을 보장하지 않습니다. 또한 웹 페이지가 HTML 웹 사이트보다 더 간단한 코드 디자인을 갖는다는 것도 보장하지 않습니다. 엔진은 테이블과 CSS 위치 지정 사용 여부로 측정되지 않습니다. 이것이 바로 전통적인 테이블 레이아웃으로 만든 많은 웹사이트가 검색 결과에서 높은 순위를 차지하는 반면 CSS와 웹 표준을 사용하여 만든 많은 웹페이지는 여전히 낮은 순위를 차지하는 이유입니다. 검색 엔진의 경우 웹사이트 구조, 콘텐츠, 관련 웹사이트 링크와 같은 요소가 항상 웹사이트 최적화를 위한 가장 중요한 지표이기 때문입니다.

위 내용은 CSS 웹페이지 레이아웃의 장단점에 대한 내용입니다. 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.