WEB 표준 디자인 웹 사이트는 XHTML+CSS를 사용하는 것이 주요 방법이며 CSS 스타일 시트가 필수적입니다. 웹 표준을 준수하는 웹사이트를 만들려면 CSS를 모르면 아름다운 페이지를 디자인할 수 없습니다.
실제로 프레젠테이션의 모든 측면은 CSS로 구현되어야 합니다. 예전에는 위치 지정과 레이아웃을 위해 테이블을 사용했지만 이제는 위치 지정과 레이아웃을 위해 DIV를 사용해야 합니다. 이것은 사고 방식의 변화입니다. 표준이 가져다주는 "혜택"을 누리기 위해서는 일부 오래된 전통적인 관행을 포기할 가치가 있습니다.
외부에서 스타일시트 호출
과거에는 일반적으로 스타일 시트를 두 가지 방법으로 사용했습니다.
페이지 인라인 방식: 페이지 코드의 헤드 영역에 스타일시트를 직접 작성합니다. 이런 것
인용된 내용은 다음과 같습니다. |
외부 호출 방법: 스타일시트를 별도의 .css 파일에 작성한 후 페이지의 헤드 영역에 다음과 유사한 코드로 호출합니다.
인용된 내용은 다음과 같습니다.
|
웹 표준을 준수하는 디자인에서는 외부 호출 방식을 사용하므로 페이지를 수정하지 않고도 페이지 스타일을 변경할 수 있고 .css 파일만 수정하면 됩니다. 모든 페이지가 동일한 스타일 시트 파일을 호출하는 경우 하나의 스타일 시트 파일을 변경하면 모든 파일의 스타일이 변경될 수 있습니다.
스타일시트를 호출하는 이중 테이블 방식
일부 표준을 준수하는 사이트의 원본 코드를 보면 스타일 시트가 호출되는 다음 두 문장을 볼 수 있습니다.
인용된 내용은 다음과 같습니다.
|
왜 두 번 쓰나요?
실제로 일반적인 상황에서는 외부링크 방식(즉, 첫문장)만 사용해도 충분하다. 여기서 사용하는 이중 테이블 호출은 단지 예일 뿐입니다. "@import" 명령은 스타일 시트를 입력하는 데 사용됩니다. "@import" 명령은 Netscape 4.0 브라우저에서 유효하지 않습니다. 즉, Netscape 4.0 브라우저에서는 특정 효과를 숨기고 4.0 이상이나 다른 브라우저에서 표시하려는 경우 "@import" 명령 메소드를 사용하여 스타일 시트를 호출할 수 있습니다.