html과 xhtml의 차이점에 대한 자세한 설명-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

html과 xhtml의 차이점에 대한 자세한 설명

Nov 29, 2017 am 11:50 AM

html xhtml 상해

오늘은 프론트엔드 기술에 대한 이해를 돕기 위해 html과 xhtml의 유사점과 차이점이라는 두 가지 개념에 대해 자세히 소개하겠습니다.

html과 xhtml의 주요 차이점: (다음 설명 예에서는 빨간색으로 구분됩니다.)
1. XHTML 요소는 올바르게 중첩되어야 합니다.
예:
일반 HTML 웹 페이지는 "주 콘텐츠"일 수 있습니다. 이는 엄격하지 않으며 XHTML 표준에서는 정확성이 요구됩니다. 방법은 "주 콘텐츠"입니다.

2. XHTML 요소는 닫혀 있어야 합니다.
exp:
1. HEAD의 예, "<meta name="keywords" content="Keywords" >" 이와 같은 태그는 html에서 가능하지만 xhtml 표준을 위해서는 다음과 같아야 합니다. "<meta name="keywords" content="Keywords" /> "
2. 예를 들어 일반 HTML에서 " "를 사용하면 많은 사람들이 " "를 직접 추가합니다. 줄바꿈이 필요한 단락입니다. " 태그는 끝났지만 XHTML CSS 표준에서는 다음과 같아야 합니다. " Paragraph text " 및 기사 텍스트 필드이며 텍스트 뒤의 "" 태그로 끝납니다.
3. 예를 들어 많은 사람들은 HTML 페이지를 만들 때 작은 줄바꿈 태그 "br"을 사용합니다. 사람들은 이 태그를 닫아야 한다는 것을 모릅니다. 예를 들어 텍스트 단락 뒤에 줄을 끊어야 하는 경우가 많으므로 " "만 추가하면 됩니다. 단, 이는 표준이 아니며 XHTML 확인 시 통과되지 않음을 알려드립니다.

3. 태그 이름은 반드시 소문자로 닫아야 합니다.
이전 웹페이지에서는 태그가 대문자나 소문자로 배열되는 경우가 많았으나, 이제는 WEB 표준에 따라 태그를 소문자로 입력해야 합니다.
과거에는 "<html>, <body>"가 많습니다. ;"는 "<HTML>, <BODY>" 또는 "<Html>," <Body> ” 조판과 같이 대문자 또는 대소문자 혼합으로 사용되었지만 XHTML 통합 요구사항에서는 “ <html> ;, <body> ” 소문자로.

4. XHTML 문서에는 루트 요소가 있어야 합니다.
즉, <body>

5.
images의 경우 altattributes를 추가해야 합니다. 이전에는
img 태그에 이미지가 표시되는 경우가 많았습니다. 추가 여부는 알 수 없지만 이제 xhtml에서는 alt 속성을 추가해야 합니다. 그렇지 않으면 alt 값이 비어 있어도 xhtml 확인에서 오류가 표시됩니다. exp:
Error<img src="image address" /> img src="이미지 주소" alt="이미지 설명" />
alt를 추가하면 어떤 이점이 있나요? 답변: alt를 추가하면 이미지에 대한 텍스트 설명이 제공되어
검색 엔진이 이미지의 콘텐츠를 식별할 수 있습니다. 이미지. 웹페이지를 최적화하기에 좋은 곳입니다.
사실 우리가 보통 DIV+CSS를 만들 때 태그의 용도와 사양에 더 주의를 기울여야 하며, 우리는 곧 xhtml 표준에 특별한 주의를 기울이지 않고 마스터하게 될 것입니다. 이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!