10 일반적인 이유 왜 CSS 페이지 레이아웃에 유효 하지 않습니다

우리가 배울 div + css 웹 레이아웃 유효성 검사 조작, 때로는 어렵습니다 하지만 그것으로 레이아웃에 의해 발생 하는 오류를 볼 수 있습니다. 유효성 검사기 오류를 많이 던져 경고, 당신의 XHTML은 아직 하지는 완료 하 고 다른 브라우저에서 일관 되지 않을 수 있습니다. 여기에 프로그래머의 많은 수를 당황 하는 10 작은 실패 문제 고이 기사 그들을 해결 하는 방법을 알려줍니다. 이 문서를 시작 하기 전에 컨소시엄 검증 도구를 사용할 때 인식 해야 하는 문제 중 일부를 소개 합니다.

1, 유효성 검사 프로그램 경고에 대해 걱정 하지 마십시오: 경우 유효성 검사기 12 오류 및 83 경고를 발견 했다, 그것을 무시 하는 것은, 다음 단계를 계속.

2. 한 번에 하나의 오류를 수정: 진행 순서 대로 위에서 아래로, 수정 오류 한 번. HTML은 브라우저에서 아래로 위쪽에서 탐색 하 고 이러한 오류 같은 순서로 표시 됩니다.

3. 때마다 코드를 수정 해야 다시 작동 하도록 코드를 새로 고치려면: 작은 오류가 종종 오류 문자열의 전체 페이지를 트리거합니다. 따라서, 작업이 올바르지 않으면, "수정 오류" 오류가 발생할 수 있습니다. 문제는 완전히 해결 되도록 각 수정 후 다시 작동 하는 코드를 확인 합니다.

위의 기본 예외를 알면, 하자 보세요는 몇 가지 이유가 왜 레이아웃 올바르지 않습니다.

하나, div 태그 닫히지 않습니다.

이것은 페이지 디자인 실패의 가장 일반적인 원인 중 하나입니다. 그것은 항상 우리가 얼마나 많은 절묘 한 접시 디자인 실패의 주범 임을 배울 때 깜짝입니다. 오픈 div 태그 플레이트 디자인에 가장 일반적인 실수 중 하나 및 가장 진단 하기 어려운 중 하나입니다. 유효성 검사기는 때때로 건초 더미에서 바늘으로 번잡 잘못 오픈 div 태그를 가리킵니다.

두 번째, 소스 레이블 문제

초기 90에 마이크로소프트와 넷스케이프 브라우저 표준이 아닌, 독특한 글꼴을 인식 하기 시작 했다. 불행히도 이것은 컨소시엄 검증 도구는 아직 "포함" 같은 특정 주요 HTML 태그를 인식 하지 않습니다 비록 이러한 태그는 이미 널리 사용. 엄격한 DOCTYPE (문서 유형) 유효성 검사를 하려면 경우에 중첩을 취소할 수 있습니다.

효과적인 레이아웃 디자인 및 임베디드 미디어 하려면 플래시 Satay 메서드를 보십시오.

3. 잘못 된 DOCTYPE 선언

그것은 또한 문서, 또는 doctype을 하지 파일 오류 선언 시작을 선언 하는 일반적인 오류입니다. 일반적인 경험에의 하면 엄격한 DOCTYPE 모두가 추구 하는 확인의 가장 높은 수준 이다. 엄격한 유효성 검사는 웹 페이지 최고의 모든 브라우저에 표시 될 수 있습니다 보여줍니다. DTD 문서 종류의 진술에 대 한 52css.com 문서를 참조할 수 있습니다.

4, 후행 슬래시

귀하의 사이트 유효성을 검사 하지는 경우 높습니다 후행 슬래시는 코드에서 어딘가에 생략 되었습니다. 후행 슬래시, 이미지 태그 같은 요소에 특히 같은 것 들을 무시 하는 것이 쉽습니다.

이 엄격한 DOCTYPE에 유효 하지 않습니다. 이 문제를 해결, 추가 "/" 태그는 IMG의 끝에서로.

V. 정렬 레이블

DOCTYPE을 과도 기적으로 설정 하는 경우 "정렬" 태그를 사용 합니다 하지만 엄격한 유효성 검사의 높은 순서에 대 한 요청 오류가 많이 표시 됩니다. 맞춤 레이아웃 디자인에 사용할 수 있는 또 다른 상표 이다. "부유물" 또는 "텍스트 맞춤" 정렬 변환 요소 대신 대체 시도할 수 있습니다.

6, 자바 스크립트

이미 엄격한 DOCTYPE 선언, 자바에서 CDATA 태그를 장황 하 게 해야 합니다. 사이트 광고를 추적 스크립트 임베디드 자바 스크립트를 사용 하는 경향이 있기 때문에 검사기의이 부분 많은 프로그래머 당황 하 게 했다. 자바 스크립트를 사용 해야 하는 경우 다음과 같은 레이블을 붙일 수 있습니다.

7 이미지 "alt" 속성을 필요

당신은 하지 나타났습니다 수 있습니다 이미지 또한 고급 유효성 검사를 잠재적인 걸림돌입니다. 후행 슬래시 이외에 고급 유효성 검사 필요 합니다 alt 같은 이미지를 설명 하는 ALT 태그 = "무서운 뱀파이어 그림".

검색 엔진은 또한 그것은 항상 좋은 어쨌든 alt 태그를 추가 하는 웹 페이지의 이미지를 식별 하는 ALT 태그에 의존 합니다.

VIII. 알 수 없는 엔터티 데이터

엔터티 데이터 유효성 검사에 영향을 주는 오류가 발생 하기 쉬운 또 다른입니다. 우리는 적절 한 코딩 하는 대신 문자 "&" 기호를 사용 하 여 고려할 수 있습니다. 전체 목록 XHTML 디자인에서 사용할 수 있는 적절 한 인코딩된 문자 엔터티 데이터를 나열 합니다.

9 나쁜 중첩

중첩 요소를 포함 하는 요소 이며 중첩 된 요소의 순서를 혼동 하기 쉽습니다. 예를 들어, DIV 태그 전에 강한 태그를 시작 하지만 처음 div 태그를 닫습니다. 이 없는 레이아웃을 변경할 수 있습니다 하지만 그것은 당신의 디자인을 무효화 됩니다.

누락 된 "제목" 태그

이 명백한 실수, 많은 프로그래머 (나 자신 포함 하는) 처럼 보일 수도 있지만 자주 head 섹션에서 제목 태그를 생략. 볼 때 "머리의 필수 하위 요소 누락" (머리의 필요한 자식 요소 누락) 당신은 찾아낼 것 이다 제목 태그 추가를 잊고.