이 기사는 웹사이트를 업데이트하고 조정할 때 W3C XHTML1.0 검증을 수행할 때 네티즌의 몇 가지 경험에 관한 것입니다.
W3C XHTML1.0 표준을 통과할 때 주의해야 할 9가지 문제를 요약합니다.
1. <div class=tzh>I am TZH!</div> 문에 있는 오류는 무엇입니까?
구두점 문제. 이것은 실제로 가장 쉽게 간과되는 문제입니다. 실제로 이 오류를 일으키는 것은 작은 따옴표 두 개뿐입니다. 많은 브라우저는 여전히 따옴표 없이도 렌더링을 올바르게 인식합니다. 그러나 엄격한 W3C XHTML 국제 표준을 통과하는 것은 불가능합니다. 등호 뒤에는 따옴표가 있어야 한다는 점을 기억하십시오. 올바른 표기: <div class="tzh">I am TZH!</div>
2. <SPAN class="tzh">TZH is me!</SPAN> 문장의 오류는 무엇입니까?
대문자 사용에 주의하세요. 이는 첫 번째 질문과 마찬가지로 특히 간과하기 쉬운 세부적인 문제입니다. W3C 표준에서는 대문자가 절대 허용되지 않습니다. JavaScript 코드 일부를 테스트할 때 제가 명확히 하기 위해 작성한 onLoad도 오류로 판단되었던 것을 기억합니다. 그 이유는 L이 될 수 없기 때문입니다. 대문자로 표시됩니다. 올바른 표기: <span class="tzh">TZH is me!</span>
3. <p>I am TZH!</p><br><p>TZH is me!</p> 문장에서 What's 가 틀렸어?
<br />태그 문제. 강제 줄 바꿈 태그 <br />의 경우, FCKeditor 편집기에서도 <br>이 가끔 팝업되어 <br /> 역할을 하는 경우가 많습니다. . 많은 브라우저는 자동으로 오류를 수정하고 <br>을 <br />로 인식할 수 있습니다. 그러나 가장 좋은 편집 방법은 편집 시 Dreamweaver를 사용하는 것입니다. Ctrl+Enter를 누르면 <br />이 자동으로 작성됩니다. 올바른 표기법: <p>I am TZH!</p><br /><p>TZH is me!</p>
4. <h1>~tangzhehao~hey~</h1> 의 오류는 무엇인가요? 이 문장?
태그 끝 부분에 나오는 구두점에 주의하세요. 여기에서는 "~" 물결표와 같은 특수 구두점을 뒤에 올 수 없는 태그가 많지만, 이를 어떻게 사용할 수 있는지 물어봐야 합니다. 그런 다음 ISO Latin-1 문자 집합을 사용합니다. 여기에서 "~" 물결표 기호에 해당하는 문자 집합의 10진수 코드인 ~를 찾은 다음 이 10진수 코드를 사용하여 ~ 물결표 기호를 대체합니다. 마지막 세미콜론을 기억하세요. 잃어버릴 수 없습니다. ISO Latin-1 문자 집합에서는 명명된 엔터티에 우선 순위가 부여되고 그 뒤에 10진수 코드가 부여됩니다. 즉, 기호에 10진수 코드와 명명된 엔터티가 모두 있는 경우 명명된 엔터티에 10진수 인코딩이 부여됩니다. 사용되지 않습니다.
5. <form id="54tzh"></form> 문장에 어떤 오류가 있나요?
id와 class의 특수한 경우에 주의하세요. W3C XHTML1.0 표준에서는 id 또는 class에서 첫 번째 문자는 숫자가 될 수 없으며 문자여야 한다고 규정합니다. 올바른 표기: <form id="tzh45"></form>
6. <img src="logo.gif"> 문장의 오류는 무엇입니까?
<img> 태그에 주의하세요. W3C XHTML1.0 표준에서는 <img> 태그에 alt 요소를 포함해야 한다고 규정하고 있습니다. 올바른 쓰기: <img alt="Logo" src="logo.gif">
7. <script 언어="JavaScript">의 오류는 무엇입니까?
<script> 태그에 주의하세요. W3C XHTML1.0 표준은 type 요소가 <img> 태그에 포함되어야 한다고 규정합니다. 올바른 쓰기: <script 언어="JavaScript" type=text/javascript>
8. <div><h1>I am TZH!</div></h1> 문장의 오류는 무엇입니까?
태그의 해당 시작 및 종료 순서에 주의하세요. 올바른 표기: <div><h1>나는 TZH입니다!</h1></div>
9. 위 사항 외에 주의해야 할 사항은 무엇입니까?
특별 패키지를 조심하세요. 예를 들어 <dl><dd><ul><li> 및 기타 특수 태그는 설정 순서에 필수적입니다. 4개의 태그 <dl><dd><ul><li>는 순서대로 완전히 작성되어야 합니다. 비슷한 것이 많이 있습니다.
탭이 열려 있지 않습니다. 소위 '열리지 않음'은 W3C 감지에서 비롯된 것입니다. 이러한 유형의 오류는 '열리지 않음'으로 번역될 때 열리지 않음을 의미합니다. 한자 뜻으로 이해하면 꼬리 없이 시작이 있고, 머리 없이 꼬리가 있다는 뜻이다. 일반적으로 이 오류가 발생하는 이유는 상대적으로 먼 끝 태그나 시작 태그를 고려하지 않고 수정 중에 코드 조각이 삭제되었기 때문입니다.
W3C CSS 표준에 대한 몇 가지 경험을 요약했습니다.
1. 편견을 덜 사용하십시오. 모든 브라우저가 이를 지원하는 것은 아니며 W3C 감지를 통과하기가 매우 어렵기 때문에 중단 단어, Z-색인을 사용한 수동 레이어링, 수직 정렬 등과 같은 덜 비밀스러운 CSS를 사용하는 것이 가장 좋습니다.
2. 센터는 부동 소수점 값이 아닙니다. 많은 초보자들은 center를 float의 값으로 착각하겠지만, 사실은 그렇지 않습니다. center는 text-align의 값일 뿐입니다.
3. 정렬에는 두 개의 값이 포함될 수 없습니다. 많은 초보자는 float:left top과 같이 float 또는 text-align의 두 값을 채울 것입니다. 이는 허용되지 않으며 브라우저에서 인식되지 않습니다.
4. 스크롤 막대 색상을 사용자 정의하지 않는 것이 가장 좋습니다. 많은 브라우저는 사용자 정의 색상이 포함된 스크롤 막대를 제대로 인식하지 못하며, 많은 사용자 정의 색상은 W3C를 통과하지 못합니다.
5. 별도의 스크롤바 설정. 요즘은 Overflow-x(가로스크롤바)나 Overflow-y(세로스크롤바)를 자주 사용하는데, 이것을 설정할 때 모든 클라이언트에 효과가 없는 경우가 종종 있는데, 본문에 설정하는 것이 가장 좋습니다. 와 html이 동시에 설정됩니다. 그러나 이 CSS는 CSS2.1에서 지원되지 않습니다(CSS2.1은 오버플로를 지원하고 가로 및 세로 스크롤 막대를 정의함). 이 정의 방법은 CSS3까지 지원되지 않았습니다. 가능한 한 적게 사용하십시오.
6. 배경과 색상이 동일할 경우 경고가 표시됩니다.