XHTML에서 JavaScript 및 CSS를 올바르게 사용하는 방법을 소개 한 후 Web Design은 HTML과 XHTML 호환성에 대한 16 개의 지침을 계속 제공합니다!
1. 페이지를 XML 유형으로 선언하지 말고 페이지에서 UTF-8 또는 UTF-16 문자 세트를 사용하십시오.
2. 빈 요소 레이블의 엔드 문자 앞> 전에 슬래시를 추가하십시오 (레이블은 <br />, <hr /> 등과 같은 컨텐츠를 포함하는 데 사용할 수 없습니다).
3. 비어 있지 않은 요소 (이 레이블이 제목, 단락과 같은 내용을 포함하는 데 사용되는 경우 빈 문자를 제공하고 비어있는 문자를 제공하고 다음과 같은 빈 요소와 같은 결말 메소드를 사용하지 마십시오. 내용이없는 P 태그가있을 때 <p> < /p> 대신 <p> < /p>.
4. <, &,]]> 또는 두 개의 연속 수평 막대가 스타일과 스크립트 내용에 나타날 때 외부 파일을 사용하여 소개하십시오.
5. 요소 속성 값에서 선 또는 여러 공간을 깨지 않도록하십시오.
6. 문서의 헤드 부분에 하나 이상의 isindex 요소를 포함하지 마십시오 (바람직하게는 사용되지 않음). 이 요소는 권장되지 않습니다.
ISINDEX : 브라우저에 사용자에게 한 줄의 텍스트를 입력하도록하는 대화 상자를 표시합니다.
HTML 4에서는이 요소가 더 이상 사용되지 않으며 입력 요소가 권장됩니다. ISIndex의 태그 이름 속성은 입력을 반환합니다.
이 요소는 블록 요소 이며이 요소는 태그를 닫아야합니다.
다음 예제는 isindex 요소를 사용하여 기본 프롬프트를 대체합니다.
<isindex 프롬프트 = 검색하려면 인덱스 키워드를 입력하십시오.
7. 언어를 요소에 지정하려면 Lang 및 XML : Lang 속성을 사용하십시오. XML : Lang의 값은 우선 순위가 높습니다.
8. ID 속성을 요소 식별자로 사용하고, 특히 이러한 요소에서 이름 속성을 사용하지 않으십시오. A, 애플릿, 양식, 프레임, iframe, img, 맵을 식별자로 사용하는 것이 더 비 승인됩니다.
9. 페이지의 문서 문자를 정의하고 XML 문서의 문자 세트를 정의하십시오.
<? XML 버전 = 1.0 인코딩 = UTF-8?>
XHTML에 대한 문자 세트 정의
<meta http-equiv = content-type content = text/html; charset = utf-8 />
10. 부울 유형 요소 속성 값에 대한 속성 이름을 사용하십시오. 부울 유형 요소는 다음과 같습니다. Compact, Nowrap, ISMAP, Declare, Noshade, Checked, Disabled, Readonly, 선택, Noresize, DEFER
11.html4 및 xml 문서 개체 모델은 HTML 요소와 속성 이름을 반환 대문자 형식으로 지정합니다. xhtml의 요소 및 속성 이름은 소문자 형식으로 돌아갑니다.
12. 사용 & amp; 다음과 같은 속성 값의 & 기호를 대체합니다.
http://www.w3cgroup.com/default.asp?cateid=2&page=2
다음보다 낫습니다.
http://www.w3cgroup.com/default.asp?cateid=2&page=2
13. XHTML에서 CSS 스타일 태그 스타일 및 속성 이름은 소문자 여야합니다.
HTML 테이블에서 TBody는 구문 분석 중에 자동으로 채워 지지만 XML에서는 그렇지 않습니다. 따라서 CSS 선택기에서 사용하는 경우 TBody 요소를 직접 추가해야합니다.
CSS가 ID 속성이있는 요소를 선택하면 # 선택기를 사용하십시오.
CSS가 클래스 속성으로 요소를 선택하면 사용하십시오. 선택자;
14. XML 문서를 구문 분석 할 때 스타일 요소를 사용하는 방법은 무엇입니까? HTML4 및 XHTML에서 스타일 요소는 문서의 스타일 규칙을 정의하는 데 사용될 수 있습니다. XML에서 XML 스타일 시트는 스타일 규칙을 정의하는 데 사용됩니다. 이 규칙과 호환 되려면 XML 문서를 구문 분석 할 때 스타일 요소를 사용해야하는 경우 스타일 요소는 ID 속성을 식별자로 사용해야하며 다음과 같은 XML 스타일 시트가 있어야합니다.
<? xml-stylesheet href = http : //www.w3.org/stylesheets/tr/w3c-rec.css type = text/css?>
<? xml-stylesheet href =#내부 스타일 유형 = text/css?>
<! doctype html
public- // w3c // dtd xhtml 1.0 엄격한 // en
http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
<html xmlns = http : //www.w3.org/1999/xhtml xml : lang = en lang = en>
<헤드>
<title> 내부 스타일 시트 예 </title>
<스타일 유형 = 텍스트/CSS ID = 내부 스타일>
코드 {
색상 : 녹색;
유대 가족 : 모노 스페이스;
글꼴 중량 : 대담한;
}
</스타일>
</head>
<body>
<p>
W3CGroup은 호환 XHTML 및 HTML에 대한 16 개의 지침을 소개합니다!
<code> http://www.w3cgroup.com/article.asp?id=252 </code>.
</p>
</body>
</html>
15. HTML 및 XML의 공백 문자에주의를 기울이십시오. HTML 문서에서 합법적 인 일부 문자는 XML에서 불법 일 수 있습니다. 예를 들어, HTML에서는 페이지 피드 문자 (FormFeed 문자 U+000C)가 공백으로 구문 분석되고 XHTML에서는 XML의 문자 정의로 인해 불법이됩니다.
16 특수 문자 및 APO; (Ellipsis, U+0027)는 XML1.0에 도입되지만 HTML에는 나타나지 않습니다. "REPLEC & APOS"를 사용하는 경우 "REPLEC & APOS"를 사용하려면 HTML4에서 사용하는 데 사용합니다.
http://www.w3cgroup.com에 의해 번역되면, 재 인쇄시 소스를 표시하십시오!
http://www.w3.org/tr/xhtml1/#guidelines를 참조하십시오