HTML-XHTML

HTML - XHTML

XHTML은 XML 형식으로 작성된 HTML입니다.

XHTML이란 무엇입니까?

XHTML은 Extensible Hypertext Markup Language를 나타냅니다.

XHTML은 HTML 4.01과 거의 동일합니다.

XHTML은 더 엄격합니다. 더 엄격한 버전입니다. HTML

지원

XHTML을 사용하는 이유

인터넷의 많은 페이지에는 "나쁜" HTML이 포함되어 있습니다. 브라우저에서 보면 다음 HTML 코드는 HTML 규칙을 따르지 않더라도 완벽하게 실행됩니다.

<html><head><meta charset= " utf-8"><title>이것은 불규칙한 HTML입니다</title><body><h1>불규칙한 HTML<p>이것은 단락입니다</body>

XML은 마크업입니다 올바르게 마크업되고 올바른 형식으로 작성되어야 하는 언어입니다.

XML을 배우고 싶다면 XML 튜토리얼을 읽어보세요.

오늘날의 기술 세계에는 몇 가지 다양한 브라우저 기술이 있습니다. 그 중 일부는 컴퓨터에서 실행되는 반면 다른 일부는 휴대폰이나 기타 소형 장치에서 실행될 수 있습니다. 소형 장치에는 "나쁜" 마크업 언어를 해석할 수 있는 리소스와 기능이 부족한 경우가 많습니다.

그래서 XML과 HTML의 장점을 결합하여 XHTML이 개발되었습니다. XHTML은 HTML을 XML로 재설계한 것입니다.

HTML과 비교했을 때 가장 중요한 차이점:

문서 구조

XHTML DOCTYPE은 필수입니다.

<html> >

<html>, <head>, <title> 및 <body>도 필수입니다.

요소 구문

XHTML 요소가 올바르게 중첩되어야 합니다.

XHTML 요소는 항상 닫혀 있어야 합니다

XHTML 요소는 소문자여야 합니다

>XHTML 속성은 소문자여야 합니다

성적인

XHTML 문서는 다음을 포함해야 합니다. XHTML DOCTYPE 선언.

루키 튜토리얼의 태그 참조 매뉴얼에서 전체 XHTML 문서 유형을 찾을 수 있습니다.

<html>, <head>, <title> 및 <body> 요소도 있어야 하며 < HTML>.

XHTML 요소는 적절하게 중첩되어야 합니다.

HTML에서 일부 요소는 다음과 같이 서로 중첩될 필요가 없습니다.

<b><i>굵게 및 기울임꼴 텍스트

XHTML에서는 모든 요소가 다음과 같이 서로 적절하게 중첩되어야 합니다.

<b><i>굵게 및 기울임꼴 텍스트</i></b>

XHTML 요소에는 닫는 태그가 있어야 합니다.

잘못된 예 :

<p>이것은 단락입니다<p>이것은 또 다른 단락입니다

올바른 예:

<p>이것은 단락입니다</p>< ;p>다른 단락입니다</p>

빈 요소에는 닫는 태그가 포함되어야 합니다

오류 예:

분기:<br> 가로줄: <hr>이미지: <img src="happy.gif" alt="행복한 얼굴">

올바른 예:

분기:<br /> 가로줄: <hr />이미지: <img src="happy.gif" alt="행복한 얼굴" />

필요한 XHTML 요소는 소문자입니다

잘못된 예:

<BODY><P>문단입니다</P></BODY>

올바른 예:

< body><p>문단입니다</p></body>

속성 이름은 소문자여야 합니다

잘못된 예:

올바른 예:

<table width="100%">

속성 값 ​​따옴표가 있어야 합니다

잘못된 예:

<table width=100%>

올바른 예:

<table width ="100%">

속성 약어는 허용되지 않습니다

오류 예:

<입력 확인됨><입력 읽기 전용><입력 비활성화됨><옵션 selected>

올바른 예:

<inputchecked="checked"><input readonly="readonly"><input 비활성화= "disabled"><option selected="selected">


HTML을 XHTML로 변환하는 방법

XHTML <!DOCTYPE> 웹 페이지

각 페이지의 html 요소에 xmlns 속성을 추가합니다.

모든 요소를 ​​소문자로 변경

모든 빈 요소 닫기

모든 속성 이름을 소문자로 변경

모든 속성 값에 따옴표 추가


지속적인 학습
||
<html> <meta charset="utf-8"> <body> hello xhtml </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~