HTML vs XHTML : 두 가지 구문 분석 모드 비교-CSS 튜토리얼-php.cn

HTML vs XHTML : 두 가지 구문 분석 모드 비교

Jennifer Aniston

풀어 주다： 2025-02-27 08:49:15

원래의

935명이 탐색했습니다.

HTML5 구문 분석 패턴의 자세한 설명 : HTML과 XML 의 차이점. HTML5는 HTML과 XML의 두 가지 구문 분석 모드를 제공합니다. 선택할 모드는 문서가 헤드 또는

헤드를 사용하여 서비스를 제공하는지 여부에 따라 다르며 각 모드에는 자체 규칙 세트가 있습니다. Content-type: text/html HTML 구문 분석 모드는 다음과 같은 유연성을 높일 수 있습니다. 태그와 속성은 대소 문자를 사용하지 않으며 특정 요소의 시작 및 종료 태그는 선택 사항이며, 속성은 따옴표에 필요하지 않습니다. 그러나 HTML5 DOCTYPE가 포함되어야합니다. Content-type: application/xml xhtml XHTML5 구문 분석 모드 (HTML5의 XML 구문이라고도 함)는 더 엄격합니다. 모든 요소는 시작 및 종료 태그를 가져야하며 태그 및 속성은 사례에 민감해야하며 속성 값은 인용문에 포함되어 있어야하며 빈 속성은 허용되지 않습니다. 이 스키마에는 XML 네임 스페이스 속성과

응답 헤더도 포함해야합니다.

html 구문 다른 html5 문서를 살펴 보겠습니다 :

첫 번째 줄은 DocType 선언입니다. 모든 html5 태그와 마찬가지로, 그것은 대소 문자를 사용하지 않습니다.

다음은 Content-type: application/xml xhtml 요소입니다. 요소에는 일반적으로 제목 또는 문자 세트와 같은 문서에 대한 정보가 포함되어 있습니다. 이 예에서, 요소에는이 문서의 문자 세트를 정의하는

요소가 포함되어 있습니다. 문자 세트를 포함하는 것은 선택 사항이지만 항상 하나를 설정해야하며 UTF-8을 권장합니다.

우리의 요소에는 문서 제목 ()도 포함되어 있습니다. 대부분의 브라우저에서 태그 사이의 텍스트는 브라우저 창 또는 탭의 상단에 나타납니다.

html의 댓글은 브라우저에서 렌더링되지 않는 텍스트 조각입니다. 그들은 소스 코드에서만 볼 수 있으며 종종 문서에 대한 의견을 자신이나 동료에게 남겨 두는 데 사용됩니다. HTML 코드를 생성하는 일부 소프트웨어 프로그램에도 주석이 포함될 수도 있습니다. 댓글은 HTML 문서의 거의 모든 곳에 표시 될 수 있습니다. 각 주석은 로 시작하고 로 끝나야합니다.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Hi</title>
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <p>
    <img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg"  class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes " />
    Isn't this a lovely flower?
  </p>
  <p>
    Yes, that is a lovely flower. What kind is it?
  </p>
</body>
</html>

로그인 후 복사

문서 에는 아래와 같이 외부 자원을 가리키는 요소도 포함 할 수도 있습니다. 리소스에는 스타일 시트, 파비콘 이미지 또는 RSS 피드가 포함될 수 있습니다. 우리는

속성을 사용하여 문서와 연결된 문서 간의 관계를 설명합니다. 이 예에서는 계단식 스타일 시트 또는 CSS 파일에 연결합니다. CSS는 구조가 아닌 문서의 모양을 설명하는 데 사용하는 스타일 언어입니다.

우리는 요소를 사용하여 파일에 css를 포함시킬 수 있습니다 ( 및 ). 그러나 요소를 사용하면 여러 페이지에서 동일한 스타일 파일을 공유 할 수 있습니다. 그건 그렇고, 와 는 빈 HTML 요소의 예입니다. 예를 들어, <meta>는 가되지만 필요하지 않습니다.

"xhtml5": html5 html5는 또한 XML 유사 구문으로 더 엄격하게 쓸 수 있습니다. 1 장의 XHTML 1.0은 "XML 1.0 응용 프로그램의 덮어 쓰기로서 HTML 4"라는 것을 기억할 것입니다. 이것은 때때로 "xhtml5"라고 불리는 것에 대해 전적으로 사실이 아닙니다. "XHTML5"는 XML의 구문 규칙을 사용하여 쓰기 및 구문 분석으로 가장 잘 이해되고 를 사용하여 헤더에 제공된 HTML5에 응답하는 것으로 가장 잘 이해됩니다.

다음 규칙은 "xhtml5"에 적용됩니다 Content-type: application/xml xhtml 모든 요소에는 시작 태그가 있어야합니다.

시작 태그가있는 비어 있지 않은 요소에는 엔드 태그가 있어야합니다 (예 : 및 ).

모든 요소를 사용할 수 있습니다.

라벨과 속성은 사례에 민감하며 일반적으로 소문자입니다.

속성 값은 따옴표로 동봉해야합니다. <li> 단위 속성은 금지되어 있습니다 ( 는 또는 로 변경해야합니다). <li> 특수 문자는 문자 엔티티를 사용하여 탈출해야합니다. <p></p> <li> 우리의 시작 태그에는 <li> (xml namespace) 속성이 필요합니다. XML 구문을 사용하기 위해 위의 문서를 다시 작성하면 다음과 같습니다. / 여기, 우리는 속성을 사용하여 XML 네임 스페이스를 추가하여 브라우저에 더 엄격한 구문을 사용하고 있음을 알리십시오. 우리는 또한 빈 요소 및 의 태그를 자체 폐지했습니다. XML 및 XHTML 규칙에 따르면, 모든 요소는 엔드 태그로 닫히거나 공백, 슬래시 및 오른쪽 포인트 각도 브래킷 ( & gt;)으로 자체 폐쇄되어야합니다. <li> 이 예에서 우리는 또한 우리의 를 자체 폐지했습니다. 페이지를 로 제공하는 경우 자체 폐쇄 구문을 사용할 수도 있습니다. 잊지 마십시오 : XML/XHTML 규칙에 따라 브라우저 가이 문서를 구문 분석하려면 서버에서 <li> 응답 헤더가있는 문서를 보내야합니다. 실제로 DocType가 누락 되더라도이 헤더를 포함하여 표준 호환 브라우저에서 XHTML5 구문 분석을 트리거합니다. XML 구문 분석 규칙이 더 엄격하다는 것을 깨달았을 것입니다. <li> MIME 유형과 느슨한 HTML 구문을 사용하는 것이 훨씬 쉽습니다. checked html 및 xhtml faq (faq) (FAQ 부분은 기사가 너무 길고 의사 원리 목표와 일치하지 않기 때문에 여기서 생략됩니다. FAQ 부품을 필요에 따라 추가하거나 수정할 수 있습니다.) checked="checked".

위 내용은 HTML vs XHTML : 두 가지 구문 분석 모드 비교의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!