DIV + CSS 웹 레이아웃 학습에 문제 요약

DIV + CSS 웹 페이지 레이아웃, 웹 표준 웹 사이트, 몇 가지 문제를 표시 하기 쉬운의 생산의 응용 프로그램.

이제 요약 문제는 거기 볼 수 있습니다.

CSS 검사의 문제

우리는 XHTML 표준, 컨소시엄의 검증을 통해 CSS를 예상 되는 웹 페이지 디자인. 일부 CSS2.0 체크섬을 통과 하지 못했습니다, 주요 체크섬 오류: "선: 0 글꼴-가족: 가족의 마지막 옵션으로 지정 하는 것이 좋습니다."

컨소시엄 권장 글꼴 정의 단일 글꼴 끝나는 대신 한 카테고리의 글꼴 끝납니다. 예를 들어 "굴림" 다른 운영 체제에서 웹 글꼴을 표시할 수 있는지 확인 수 있습니다.

비록 대부분의 사람들은 body 태그에 "굴림" 정의 다른 글꼴 다른 ID 또는 클래스에서 정의 하 고 체크섬 간주 됩니다-산세리프는 생략 됩니다. 조금 관심을 피할 수 있는으로이 오류는 매우 심각하지 없습니다.

2, CSS의 쓰기 제안

주석을 CSS 파일. 의견 미래 정비를 위해 편리한 것, 것이 좋습니다 가능한 CSS 파일 주석을 추가 바이트의 작은 숫자에 대해 걱정 하지 마십시오. CSS 구문을 생략 하려고 합니다. 예를 들어 색상 값 "#FFFFFF" "#FFF";로 작성할 수 있습니다. 여백-가기: 30px; 여백-오른쪽: 0; 여백-하단: 10px; 여백-왼쪽: 2 0px "약식 수 있습니다 될"여백: 30px 0 10px 20px; "를. 기술, 정의에 더 많은 비용 절감 팁 있다 그리고 당신은 CSS 응용 프로그램 유지 하는 더 나은 방법의 찾을 거 야.

셋째, XHTML 체크섬 문제

종종 CSS, 하지만 XHTML의 표준 준수 확인에 관심을 지불 우리가 조금 간과, 낮은 수준의 오류가 많은. 주요 문제는 다음과 같습니다.

Target = "_blank",이 HTML4.0 구문은 올바른, XHTML1.0 허용 되지 않습니다 사용 하. 솔루션 중 하나는 목표를 작성 하는 "새로운", = JS를 사용 하 여 모든 대상;를 처리 하 고

스타일 시트는 가장 포함 되지, 그리고 스타일 시트 파일은 독립적이 고 유지 하기 쉽다. 인라인 스타일 스타일 형식으로 작성 해야 합니다 경우 = "text/css", 형식을 무시할 수 없습니다, 그렇지 않으면 XHTML 스타일 않습니다 확인할 수 되지 것입니다.

BR BR로 작성 되어야 합니다 / xhtml 요구 종료, 모든 레이블을 하 고 짝이 없는 레이블 추가 될 것 이다 "/" 바로 뒤에.

같은 ID를 다시 사용 ID만 사용할 수 있습니다 1 번 XHTML, 그리고 스타일에 대 한 여러 참조가 필요한 경우 사용 해야 하는 클래스.

플래시 소스 메서드 오류가 발생 합니다. 포함할 첫 번째 개인 상표 넷스케이프, IE에 의해 나중에 지원 되었다 하더라도 하지만 그것은 결코 HTML4.0, 라벨을 포함 하지 않았다 어떤에 의해 인식 되었다. 컨소시엄 개체 태그의 사용을 옹호 한다. 다른 브라우저의 호환성을 해결 하기 위해 하나의 해결 방법 2 태그를 사용 하는.

전체 샘플 코드 (플래시 배경 투명은) 다음과 같이 이다:

< classid 개체 = "clsid:27cdb6e-ae6d-11cf-96b8-444553540000 codebase =" http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=5,0,0,0 "너비 =" "높이 =" >< param name = "품질" 높은 ">< param name =" wmode "값 =" 투명 ">< param name =" SRC "값 =" test.swf ">< 포함 src =" test.swf "wmode =" Transparent "품질 =" 높은 "pluginspage =" http://www.macromedia.com/shockwave/download/index.cgi? P1_prod_version = shockwaveflash "유형 =" 응용 프로그램/x를-충격파-플래시 "너비 =" 높이 = ">< / 포함 > < / 개체 >

하지만 그것은 여전히 우리가 지금만 Flash.js 파일에 위의 코드를 작성 하 고 체크섬 속 조정 XHTML, 직접 쓰기 불가능.

플래시는 기준에 부합 여부의 질문은 논 박의 문제입니다.

비슷한 Id 헤더 클래스 = 제목 = 코드 id를 작성 해야 = "헤더" 클래스 = "제목". 특성 값을 인용 하는 것은 대부분 XHTML basic 구문 규칙 이다.

Iv입니다. 호환성 문제

변형, 전위의 보기에서 IE6.0, 모질라 Firefox1.0, 오페라 7.12 일부 사이트.

IE, 모질라에만 중심. 바디 설정 {텍스트-정렬: 센터} IE에서 이미 수 있는 가운데, 하지만 모질라 계층 중심으로 하는 다음과 같은 스타일 설정을 추가 해야 합니다: 여백-오른쪽: 자동; 여백-왼쪽: 자동;

너비를 초과합니다. 변형, 측면-의해 레이어 폭 아래쪽으로 이동 하기 때문에 IE에서 모질라에서 일반 페이지를 보세요. 이것은 IE와 모질라 상자 모델 사이의 차이 설명 하기 때문에, 거기 많은 솔루션와 같은 "! 중요 한" 방법.

웹 표준 및 CSS 레이아웃 되어 있고 점점 더 많은 디자이너에 의해 지배. CSS 레이아웃 소화, 이해 및 응용 프로그램의 기간, 후 두 웹 페이지 나온다의 기술적인 모양 될 것입니다.