Div+CSS 웹 페이지 레이아웃에서 CSS가 유효하지 않은 10가지 일반적인 이유

Div+CSS 웹 페이지 레이아웃에서 CSS가 유효하지 않은 10가지 일반적인 이유
Div+CSS 웹 페이지 레이아웃에 대한 지식을 배우지만 Band of Brothers 유효성 검사는 때때로 작동하기 어려울 수 있지만 이를 확인하는 데 사용할 수 있습니다. 레이아웃 디자인으로 인한 오류 및 확인 프로그램은 XHTML이 아직 완벽하지 않으며 다른 브라우저에서 일관된 기능을 유지하지 못할 수 있음을 나타내는 많은 오류와 경고를 발생시킵니다. 기사에서는 문제를 해결하는 방법을 알려줄 것입니다. 본 글을 시작하기에 앞서 브라더스의 기본 div+css 검증 프로그램을 PHP 교육에 사용할 때 주의해야 할 몇 가지 사항을 소개하겠습니다.

1. 확인 프로그램의 경고에 대해 걱정하지 마세요. 확인 프로그램에서 12개의 오류와 83개의 경고를 발견했다고 표시되면 무시하고 다음 단계를 계속하세요.
2. 한 번에 하나의 오류 수정: 위에서 아래로 순서대로 작업하고 한 번에 하나의 오류를 수정합니다. HTML은 브라우저를 사용하여 위에서 아래로 볼 수 있으며 이러한 오류는 동일한 순서로 표시됩니다.

3. 각 수정 후 코드를 새로 고쳐 다시 유효하게 만듭니다. 작은 오류가 전체 페이지에서 일련의 오류를 유발하는 경우가 많습니다. 따라서 잘못 수행하면 "오류 수정"으로 인해 더 많은 오류가 발생할 수도 있습니다. 문제가 완전히 해결되도록 각 수정 후에 코드를 다시 유효하게 만드십시오. 위의 기본 예외 사항을 알고 레이아웃 디자인이 유효하지 않은 몇 가지 이유를 살펴보겠습니다.

1. div 태그가 닫히지 않음
이는 레이아웃 디자인 실패의 가장 일반적인 이유 중 하나입니다. 이로 인해 얼마나 많은 섬세한 레이아웃 디자인이 실패하는지 알 때마다 항상 놀랍습니다. 개방형 div 태그는 가장 일반적인 레이아웃 디자인 실수 중 하나이며 진단하기 가장 어려운 것 중 하나입니다. 유효성 검사기는 때로는 건초 더미에서 바늘을 찾는 것과 같을 수 있는 잘못된 여는 div 태그를 가리킵니다.

2. 귀찮은 embed 태그
1990년대 초, 마이크로소프트와 넷스케이프 브라우저는 비표준 고유 글꼴을 인식할 수 있게 되었습니다. 불행히도 이는 이러한 태그가 널리 사용됨에도 불구하고 W3C 유효성 검사기가 "embed"와 같은 특정 핵심 HTML 태그를 아직 인식하지 못한다는 것을 의미합니다. 정말로 엄격한 DOCTYPE(문서 유형) 검증을 원한다면 중첩만 포기하면 됩니다. 효과적인 레이아웃과 삽입된 미디어를 동시에 원한다면 Flash Satay 방법을 시도해 볼 수 있습니다.

3. 부적절한 DOCTYPE 선언
DOCTYPE을 선언하지 않거나 파일 시작 부분에 DOCTYPE을 잘못 선언하는 것도 흔한 실수입니다. 일반적인 경험에 따르면 Strict DOCTYPE은 모든 사람이 추구하는 최고 수준의 검증입니다. 엄격한 검증은 귀하의 웹 페이지가 모든 브라우저에서 최적으로 표시된다는 것을 의미합니다. DTD 문서 유형 선언에 대해서는 www.lampbrother.net에서 관련 기사를 참조할 수 있습니다.

4. 끝 슬래시
웹사이트를 확인할 수 없는 경우 끝 슬래시가 코드 어딘가에서 누락되었을 가능성이 높습니다. 특히 이미지 태그와 같은 요소에서는 후행 슬래시와 같은 사항을 간과하기 쉽습니다. 이는 엄격한 DOCTYPE에는 영향을 미치지 않습니다. 이 문제를 해결하려면 img 태그 끝에 "/"를 추가하세요.

5. 정렬 태그
DOCTYPE을 Transitional로 설정하면 "align" 태그를 사용하게 되지만, 좀 더 까다롭고 엄격한 검증을 원하는 경우 오류가 많이 발생하게 됩니다. Align은 레이아웃 디자인에 사용할 수 없는 또 다른 태그입니다. 요소를 변환하기 위해 정렬 대신 "float" 또는 "text-align"을 사용해 볼 수 있습니다.

6. JavaScript
Strict DOCTYPE이 선언된 경우 JavaScript에서 CDATA 태그를 재정의해야 합니다. 웹사이트는 광고 및 추적 스크립트에 내장된 JavaScript를 사용하는 경향이 있기 때문에 확인 프로세스의 이러한 측면은 많은 프로그래머를 당황하게 합니다. JavaScript를 사용해야 하는 경우 앞뒤에 다음 태그를 추가할 수 있습니다.

7. 이미지에는 "alt" 속성이 필요합니다.
이미지도 고급 학습의 잠재적인 걸림돌이라는 사실을 눈치 채지 못했을 수도 있습니다. 확인. 후행 슬래시 외에도 고급 유효성 검사에는 alt= "Scary 뱀파이어 사진"과 같은 alt 태그를 사용하여 이미지를 설명해야 합니다. 검색 엔진도 alt 태그를 사용하여 웹 페이지의 이미지를 식별하므로 항상 다음을 수행하는 것이 좋습니다. 무슨 일이 있어도 Alt 태그를 추가하세요.

8. 알 수 없는 엔터티 데이터
엔터티 데이터는 검증에 영향을 미치는 또 다른 일반적인 실수입니다. "&"와 같은 기호를 대체하기 위해 적절한 인코딩 문자를 사용하는 것을 고려할 수 있습니다. XHTML 섹션 디자인에서 사용할 수 있는 적절하게 인코딩된 문자 엔터티 데이터의 전체 목록입니다.

9. 잘못된 중첩
중첩은 요소 내에 요소가 포함된다는 의미입니다. 중첩된 요소의 순서를 혼동하기 쉽습니다. 예를 들어 div 태그 전에 강력한 태그를 시작한 다음 div 태그를 먼저 닫습니다. 이렇게 하면 섹션 레이아웃이 변경되지 않을 수 있지만 섹션 디자인이 무효화됩니다.

10. "title" 태그 누락
이것은 명백한 실수처럼 보이지만 많은 프로그래머(나를 포함)는 종종 "head" 섹션의 제목 태그를 누락합니다. "HEAD의 필수 하위 요소 누락"(HEAD의 필수 하위 요소 누락)이 표시되면 제목 태그를 추가하는 것을 잊어버린 것입니다.