내가 웹 사이트를 개발하면서 10 년 동안 배웠던 한 가지는 ';인터넷이 끊임없이 변화하고 있으며 계속해서 변해야한다는 것입니다. 웹 디자인의 최근 개발 중 하나는 CSS와 의미 론적 마크 업 (markup)의 사용입니다. CSS 및 시맨틱 웹 디자인은 코드, 브라우저 및 기타 웹 지원 장치 호환성, 콘텐츠 및 프리젠 테이션 분리, 대역폭에 대한 부담 감소, 검색 엔진에 대한 더 나은 가시성 등 여러 가지 이점을 제공합니다.
그 날에는 테이블이있는 사이트를 디자인하고 해킹하여 결코 의미가없는 일을하지 않도록했습니다. table 태그는 웹 사이트의 레이아웃을 렌더링하는 방법이 아닌 표 형식의 데이터를 표시하도록 설계되었습니다. 불행히도 더 나은 대안이 없었기 때문에 테이블을 사용했습니다. 이것은 비효율적이고 느린 로딩 사이트를 위해 읽기 및 유지가 매우 어려운 코드로 이루어졌습니다. 이 같은 sematic 마크 업을 정의합니다..
초보자를위한 웹 개발 자습서 (# 1) - HTML, CSS, 자바 스크립트로 웹 페이지를 만드는 법
Semantic pages :는 웹 크롤러를 사용하여 웹 검색 엔진에 대한 정보를 제공하며 문서의 사람이 읽을 수있는 내용 (예 : 문서의 작성자, 제목, 설명 등)에 대한 기계 가독 정보이거나 (사이트의 다른 곳에서 자원 및 서비스와 같은) 사실 집합을 나타내는 순전히 메타 데이터 (URI (Uniform Resource Identifier)로 식별 할 수있는 모든 것을 설명 할 수 있으므로 시맨틱 웹은 사람, 장소, 아이디어, 고양이 등) :
요즘 엉덩이 디자이너와 개발자는 CSS를 사용하여 완전히 표준을 준수하는 아름다운 사이트를 만듭니다. CSS 기반 레이아웃을 사용하면 PDA, 휴대 전화, TV와 같은 모든 유형의 장치에서 볼 수있는 사이트를 효과적으로 개발할 수 있으며 심지어는 표준을 준수하는 한 아직 존재한다..
가장 중요한 것은 CSS로 사이트를 개발하면 콘텐츠와 프리젠 테이션을 효과적으로 분리 할 수 있다는 것입니다. 테이블 기반 레이아웃으로 작성된 HTML 페이지의 소스 코드를 살펴본 후 :여기에 무슨 일이 일어나고 있는지 궁금하십니까?: 텍스트 및 그래픽과 함께 혼합 된 테이블 및 테이블 행을 많이 열고 닫는 것을 볼 수 있습니다. 깨끗한 CSS 기반 레이아웃을 사용하면 소스를보고 쉽게 이해하고 유지하고 업데이트 할 수있는 페이지를 만들 수 있습니다. 내 회사 사이트 http://www.vp3media.com의 출처를보고 테이블 레이아웃을 사용하는이 사이트의 소스 코드 (http://webservices.org/)를 살펴보십시오. 큰 차이, 응.?
트래픽이 많은 사이트가있는 경우 테이블 기반 사이트에서 CSS 기반 레이아웃으로 전환하여 사용되는 대역폭의 양을 크게 줄일 수 있습니다. 사이트 방문자가 테이블 및 스페이서 gif를 렌더링하는 데 필요한 코드를 모두로드 할 필요가없는 경우 데이터를 덜 전송합니다..
CSS는 테이블에 비해 검색 엔진 최적화 이점을 제공합니다. 수익을 창출하거나 새로운 고객을 유치하기 위해 인터넷 트래픽에 의존하는 테이블 기반 비즈니스 사이트를 보유하고 있다면 CSS로 전환하여 실질적인 이점을 확인할 수 있습니다. 검색 엔진이 귀하의 테이블 기반 사이트를 거미줄로 만들 때, 그들은 당신과 상관없는 많은 양의 콘텐츠를 검색합니다. 검색 엔진이 깨끗한 CSS 기반 사이트를 거미로 검색하면 검색되는 대부분의 콘텐츠는 비즈니스를 설명하는 텍스트 콘텐츠가됩니다. CSS 기반 레이아웃의 경우 콘텐츠 대 코드 비율이 높습니다..
우리는 모든 이해가되지 않는 검색 엔진 설명을 모두 보았습니다. 그 이유는 검색 엔진 스파이더가 정보를 검색하기 위해 톱 다운 방식을 사용하기 때문입니다. 문서에서 최상위 부분이 무엇이든, 검색 엔진은 문서에서 가장 중요한 부분이므로 생각으로 간주되므로 설명으로 사용해야합니다. CSS를 사용하여 콘텐츠와 프리젠 테이션을 분리하므로 페이지에 실제로 표시되는 위치에 관계없이 가장 중요한 정보를 문서 상단에 배치 할 수 있습니다. 테이블로 시도해보십시오.!
이 기사가 현재 테이블 기반 레이아웃에서 완전히 유효한 CSS 구현으로 전환하는 것이 왜 중요한지에 대한 개요를 알려주기 바란다. 웹 사이트가 없지만 가까운 시일 내에 웹 사이트를 시작할 계획이라면 개발자에게 CSS 기반 구현을 원한다는 것을 명심하십시오.