HTML, HTML Way (XHTML Way가 아님)

XHTML은 더 이상 사용되지 않지만 HTML 코딩에 대한 영향은 지속됩니다. 많은 개발자들이 무의식적으로 HTML을 작성할 때 XHTML 연습을 고수합니다. 이 기사는 두 접근법의 차이점을 명확하게합니다.

HTML, XHTML 및 이동이 다시 돌아옵니다

HTML은 1990 년대, 2000 년대 XHTML을 지배했으며 2010 년대에 HTML로 돌아 왔습니다. 이것은 사양의 릴리스 날짜에 반영됩니다 : HTML 1 (1992), HTML 2.0 (1995), HTML 3.2 (1997), HTML 4.01 (1999); XHTML 1.0 (2000), XHTML 1.1 (2001); HTML5 (2007).

XHTML의 상승은 XML의 지배에 대한 광범위한 믿음과 일치했습니다. 이로 인해 XHTML 스타일의 HTML 코딩이 채택되었습니다.

XHTML의 남아있는 그림자

XHTML 1.0의 "HTML 4의 차이점"섹션은 주요 차이점에 대해 자세히 설명합니다.

• 잘 형성된 문서 : XHTML은 잘 구성된 문서를 요구합니다.
• 소문자 요소 및 속성 이름 : 요소 및 속성 이름은 소문자 여야합니다.
• 필수 최종 태그 : 비 인식 요소에는 엔드 태그가 필요합니다.
• 속성 값의 필수 인용 : 속성 값은 항상 인용되어야합니다.
• 속성 최소화 없음 : 속성 최소화는 지원되지 않습니다.
• 닫힌 빈 요소 : 빈 요소에는 닫는 태그가 필요합니다.
• XML 호환 공백 처리 : 속성 값의 공백은 XML 규칙을 따릅니다.
• 스크립트 및 스타일의 CDATA 섹션 : 스크립트 및 스타일 요소에는 CDATA 섹션이 필요합니다.
• SGML 제외 없음 : SGML 제외는 허용되지 않습니다.
• id 속성 기본 설정 : id 및 name 속성이있는 요소는 주로 id 사용해야합니다.
• 사례에 민감한 속성 : 사전 정의 된 값 세트가있는 속성은 대소 문자에 민감합니다.
• 소문자 16 진수 엔티티 참조 : 16 진 엔티티 참조는 소문자 여야합니다.

XHTML이 구식이더라도 많은 개발자들은 무의식적으로 이러한 규칙의 대부분을 계속 따릅니다. 일부는 HTML에 대한 "모범 사례"가 인식되었습니다.

HTML의 진정한 정신을 수용합니다

대조적으로, XHTML- 부배 규칙을 무효화하겠습니다 (HTML이 더 이상 sgml에 의존하지 않기 때문에 SGML 관련 측면 제외) :

• 문서 잘 형성 : 문서는 잘 형성되지 않을 수 있습니다.
• 사례 감도 : 요소 및 속성 이름은 상단 또는 소문자 일 수 있습니다.
• 선택적 엔드 태그 : 비어 있지 않은 요소의 엔드 태그는 선택 사항입니다.
• 선택적 따옴표 : 속성 값이 인용되지 않을 수 있습니다.
• 속성 최소화 : 속성 최소화가 허용됩니다.
• 냉정한 빈 요소 : 빈 요소에는 닫는 태그가 필요하지 않습니다.
• 공백 처리 : 속성 값의 공백은 엄격하게 XML 호환되지 않습니다.
• CDATA 섹션 : 스크립트 및 스타일 용 CDATA 섹션은 선택 사항입니다.
• id / name 속성 : id 및 name 속성 사용은 제한되지 않습니다.
• 속성의 사례 민감도 : 사전 정의 된 값 세트가있는 속성은 대소 문자에 민감하지 않습니다.
• 16 진수 엔티티 참조 : 16 진 엔티티 참조의 경우는 제한되지 않습니다.

가장 관련성있는 측면에 중점을 둔 단순화 :

• 선택적 태그 : 시작 및 엔드 태그는 선택 사항입니다.
• 깔끔한 빈 요소 : 빈 요소는 닫는 태그가 필요하지 않습니다.
• 이름의 경우 : 요소 및 속성 이름은 상단 또는 소문자 일 수 있습니다.
• 선택적 따옴표 : 속성 값이 인용되지 않을 수 있습니다.
• 속성 최소화 : 속성 최소화가 지원됩니다.

HTML의 탄력성은 잘못된 코드를 허용하지만 모범 사례는 유효하고 잘 형성된 HTML을 강조합니다. 따라서 "문서는 잘 형성되지 않을 수 있습니다"포인트는 무시됩니다. HTML 방식의 본질은 다음과 같습니다.

• 선택적 태그 : 시작 및 엔드 태그가 항상 필요하지는 않습니다.
• 냉정한 빈 요소 : 빈 요소를 닫을 필요가 없습니다.
• 사례에 민감하지 않은 이름 : 요소 및 속성 이름은 소문자 또는 대문자 일 수 있습니다.
• 선택적 따옴표 : 속성 값이 항상 인용되지는 않을 수 있습니다.
• 속성 최소화 : 속성 최소화가 지원됩니다.

실제 사례

XHTML vs. HTML :

xhtml :

<p> 예제 단락.</p>

• 항목 1
• 항목 2

링크

HTML :

<p> 예제 단락.
</p>

• 항목 1
• 항목 2

링크

HTML을 사용하면 대문자 태그 및 속성, 인용되지 않은 속성 값 (안전한 경우) 및 최소화 된 속성을 허용합니다.

현대적인 HTML 접근법

현대적인 HTML 접근 방식은 우선 순위를 정해야합니다.

1. 유효하고 의미 론적 HTML : HTML을 검증하고 의미 적 정확성을 보장하십시오.
2. 일관된 코딩 스타일 : 케이스 (위 또는 소문자) 및 속성 인용에 대한 일관된 스타일을 선택하십시오.
3. 미니멀리즘 : 프리젠 테이션 및 행동을 위해 CSS 및 JavaScript에 의존하여 최소한 HTML을 사용하십시오. 옵션 태그, 빈 요소 폐쇄, 기본 속성 값 및 적절한 경우 속성 최소화를 활용하십시오.

html-minifier 와 같은 도구는 HTML을 최적화하는 데 도움이 될 수 있습니다. XML의 영향과 무관 한 HTML의 진정한 본질을 재발견하는 것은 현대 웹 개발의 핵심입니다.

위 내용은 HTML, HTML Way (XHTML Way가 아님)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!