CSS 대신 테이블을 사용하여

인터뷰 : 우수 중소 인터넷 기업

웹 표준 프로젝트는 대신 자신의 웹 페이지를 설계에서 테이블의 CSS를 사용해야합니다 그것이 모든 웹 디자이너를 명확하게 CSS 스타일 시트 (CSS)를 관련된 중요한 웹 표준을 확립했습니다.

웹 표준 : 디자이너들은 CSS 대신 테이블을 사용해야합니다

웹 표준 프로젝트 (WASP)가 아닌 웹 사이트 레이아웃을 위해 테이블보다는 CSS의 사용을 권장 이후, 웹 디자이너들이 자신의 웹사이트 디자인을위한 스타일 시트를 사용하여에 주력하기 시작했습니다. 의 섹션 2.1.3.4 기준 FAQ 문서는 CSS를 제목입니다 - 캐스케이딩 스타일 시트, 그리고 스타일 시트는 웹 사이트의 모양을 정의하는 "지속적으로"사용해야하는 것이 좋습니다. 이 프로젝트는 기존의 레이아웃 특정 기능을 단계적으로 조정하고 CSS 스타일 시트들을 대체하는 것이 좋습니다.

CSS는 무엇입니까?

캐스케이딩 스타일 시트 (CSS)는 인터넷 프로그래밍 프로토콜입니다 형식으로 할당하여 웹 페이지 내에서 다양한 요소의 모양 스타일 값을 HTML이나 내에서 XML . 예를 들어, 모든 목록 항목이 표시되는 방법 같은 것들을 정의하는 스타일 시트를 사용하여, 모든 헤더, 또는 다양한 블록 컨텐츠 내에서 텍스트의 글꼴 및 줄 간격에 대한 마진과 패딩. CSS의 유연성이 인상적이며, 하나에 하나의 변화 HTML 웹 페이지의 포맷 수백. CSS 파일을 수있다는 사실이 웹사이트를 관리하는 대단히 강력한 도구합니다.

가장 간단한 형태의 CSS는. CSS 파일과 index.html 페이지 파일을 포함합니다. . 그러나, 디자이너는 여러 CSS 파일을 추가할 수 있으며 해당 CSS 스타일 시트는 다음과 같은 코드로 웹 페이지 "헤드"섹션이라고합니다. :

<link rel="stylesheet" type="text/css" href="./css/default.css" />

CSS 파일 내에서 HTML 페이지 내에서 다양한 요소의 속성은 다음과 같이 정의됩니다 :

# contentBlock {폭 : 700px; 플로트 : 왼쪽, 여백 : 15px 0;}

마지막으로,이 스타일 시트가 사용되는 HTML 파일 내에서이 요소를 호출 "사업부"태그 내의 모든 위에서 정의된 형식입니다. 다음과 같은 요소는 웹 페이지에서 호출됩니다.

<div id="contentBlock"> # # 내용은 # # </ 사업부> 여기에 입력

이 기술의 능력은 언제든지이 특정 서식 스타일이 필요하다고, 당신은 단순히 형식으로 내용을 전화로 "아이디 = 사업부"를 사용하여 해당 요소를 호출할 수 있습니다.

왜 CSS를 사용하면 테이블을 사용하여보다 더

CSS와 테이블 사이의 주요 차이점의 간단한 예제는 디자이너가 텍스트의 3 개 항목 페이지의 중심부에서 깔끔하게 포맷하고 균등하게 게재 필요한 경우입니다. CSS는 그 세 독립 열을 만들려면, "사업부"섹션을 사용하여 콘텐츠 블록을 만들 수 있습니다. 스타일 시트는 여백, 서식, 그 컬럼의 위치를 정의합니다. 반면에, 같은 목적으로 사용되는 테이블은 정확히 그들이 원하는 이들 열을 대신하기 위해 테이블의주의 배치하고, 열 및 행 어려운 조작을 필요로합니다. 불행히도 테이블의 각 부분의 내용과 행동은 테이블의 다른 부분에 영향을했다. 테이블 페이지를 서식 이유가있다면, 제대로 테이블을 사용하여 페이지를 포맷하고, 다음 10 또는 20 페이지에 해당 테이블 디자인을 재사용한다하더라도, 훨씬 더 어렵습니다 stylesheets.Additionally의 사용을 통해보다 수있다 당신은 그런 테이블의 형식이나 스타일로 변경하기로 결정, 당신은 그들의 모든 스타일 변경 사항을 복제하는 모든 20 페이지를 수정해야합니다. CSS의 경우, 당신은. CSS 파일에 하나의 편집을 만들고 서식 변경 내용은 그들의 20 또는 수백이 있는지, 웹 페이지의 모든 통해 복제됩니다.

테이블은 더 이상 사용됩니까?

테이블은 과거의 일이 있는지 여부의 주제는 매우 논쟁의 여지가있는 것입니다. 이 콘텐츠에 작은 요소에 올 때 테이블은 웹 디자이너를 제공하기 위해 계속합니다. 예를 들어, "사업부"섹션의 내용의 일부로 멋지게 형식 단락의 그림과 텍스트를 배치하는 것은 매우 일반적인 접근 남아 있습니다. 위의 주변 내용을 떠나는 동안 간단한 테이블에 신속하게 컨텐츠를 포맷할 수 아래가 훼손되지 않은 때문입니다. CSS는 전체 페이지 디자인 및 형식에 대한 테이블의 유용성을 제거했다하더라도 테이블은 포맷이 콘텐츠에 고유한 개별 페이지 콘텐츠의 작은 부분을 서식에 관해서는 여전히 가치를 가지고 있으며, 다른 곳에서는 사용되지 않습니다 웹사이트에서.