3일만에 끝내는 HTML, CSS, JS 기초
h24. XHTML 본문
XHTML
최근에는 브라우저 시장을 몇 개 회사가 점유하고 있는데 어떤 브라우저는 모바일 폰용으로도 배포되고 있습니다. 아래 예에서와 같이 HTML 태그들이 정확하게 작성되지 않은 경우에는, 대부분의 데스크탑용 브라우저에서는 잘 동작하지만, 모바일 폰에서는 종종 성능부족을 발생시키는 원인이 되기도 합니다.<html> <head> <title>안좋은 HTML 코드 예</title> <body> <h1>태그를 닫지 않은 머리글 <p>태그를 닫지 않은 문단 </body>
XML 은 태그를 정확하게 작성해야 하는 마크업 언어인데, XHTML 은 HTML 과 XML 의 장점을 합하여 개발되었습니다. XHTML 은 HTML 을 XML 형태로 재설계한 언어라고 할 수 있습니다. HTML 과 다른 특징은 아래와 같습니다. 1) 먼저 XHTML DOCTYPE 을 필수적으로 기입해야 합니다. 2) 또 <html> 태그안에 xmlns 속성을 반드시 기입해야 합니다. 3) <html>, <head>, <title>, 및 <body> 태그도 생략해서는 안됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>문서의 제목</title> </head> <body> <b><i>본문 내용</i></b> <img src="이미지 파일이름.확장자" alt="이미지 이름" /> </body> </html>
4) XHTML 태그들은 태그들간에 열고 닫는 순서를 지켜야 합니다. 5) XHTML 태그들은 열었으면 꼭 닫아야 합니다. 6) XHTML 태그들은 반드시 소문자여야 합니다. 7) XHTML 태그의 속성이름 또한 소문자여야 합니다. 8) XHTML 태그의 속성값은 "" 쌍따옴표 안에 기입해야 합니다.
HTML 문서를 XHTML 문서로 변환하는 순서는 아래와 같습니다. 먼저 XHTML 의 <!DOCTYPE> 선언을 모든 페이지마다 첫번째 줄에 표시해 줍니다. 그 다음 html 태그안에 xmlns 속성을 각 페이지에 추가합니다. 모든 태그들 이름이 소문자인지 확인합니다. 모든 태그가 닫혔는지 확인합니다. 모든 태그의 속성이름이 소문자인지 확인합니다. 속성값에는 "" 쌍따옴표를 표기합니다.
[광고] Udemy 동영상 강의로 보기
'HTML' 카테고리의 다른 글
| h26. HTML 폼 태그 (0) | 2016.06.05 |
|---|---|
| h25. HTML 폼 개요 (0) | 2016.06.05 |
| h23. HTML 자바스크립트 (0) | 2016.06.05 |
| h22. HTML 색상 (0) | 2016.06.05 |
| h21. HTML URL 주소 체계 (0) | 2016.06.05 |