CODEDRAGON ㆍDevelopment/Web, WWW
XHTML(eXtendibleHyperTextMarkup Language)
- HTML을 대체하기 위한 목적으로 만들어진 언어
- XHTML은 HTML5가 나오기 이전의 가장 최신의 HTML 문서 규격
- 단순하게 HTML4를 업그레이드한 것이 아니라, XML 애플리케이션과의 호환성을 염두에 둔 언어이기 때문에 마치 프로그래밍 언어와 같이 동작합니다.
- HTML문법을 따르지만 해당 문법이 좀 더 까다로워졌습니다.
- 하지만 HTML5가 새로 만들어지면서 다시 이전 버전의 HTML과 같이 조금은 느슨하게 프로그래밍을 해도 동작할 수 있도록 바뀌었습니다.
XHTML = HTML + XML |
XHTML 문법
HTML에 비해 문법이 까다로워졌습니다
문법 규칙 | 설명 |
정확한 문서 구조 준수 | 문서의 루트요소는 HTML이 되어야하며, 이HTML요소는 XHTML 네임스페이스를 지정해야 합니다. 문서에는 head, title, body의 구조 요소가 포함되어야 합니다 |
모든요소는 완벽하게 중첩되어야함 | 모든요소들이 완벽하게 내포되어야 하는것 은필수적이나, 중첩이부적합함에도불구하고기존웹브라우저들에게는관대하게사용되기도함 |
모든속성값은인용부호(" ")로 지정 |
|
소문자 사용 | 모든요소 와 속성은 소문자만 사용해야 합니다. XML은 대소문자를 구분하기 때문입니다. |
빈 태그 |
|
모든요소는 종료태그 사용 | 모든요소에는종료태그로 닫아야 합니다. |
모든속성값은 속성이 함께 선언 | 모든속성은 최소화되어 표기되면 안되며 속성의 속성값을 모두 작성해야 합니다 |
모든script 및style 요소에는type 속성 명시 | HTML 4 이후로는 script 요소의 type 속성을 반드시 지정해야 합니다. <script type="text/javascript"></script> <script type="text/css"></script>
|
태그에 alt 속성 설정 | 모든img및area 요소에는alt 속성 설정 <img src="dereamcometrue.jpg" alt="꿈은 이루어진당~">
|
|
|
namespace (네임스페이스)
작성된 페이지가 XHTML로 작성되었음을 알려주는 것으며
해당 XHTML 네임 스페이스를 지정하게 되면 확장성 있는 XML 형식의 문서를 지원할 수 있습니다
<html xmlns="http://www.w3.org/1999/xhtml">
|
XHTML 특징
특징 | 설명 |
호환성 및 확장가능성 | XHTML은 HTML과 XML을 결합한 구조적인 HTML이기 때문에 기계가 쉽게 이해할 수 있습니다. 여기서 말하는 기계가 쉽게 이해한다는 것은 색상, 글꼴 형식, 레이아웃 등 사람의 눈으로 보는 표현적인 요소가 완전히 배제되어 있다는 뜻으로, 이러한 구조는 높은 확정성을 갖게 된다는 장점이 있습니다. |
재생산성 확대 | 기존의 HTML로 웹 페이지를 구성할 경우 디자인을 바꾸기 위해서는 모든 HTML 문서를 수정해야 했습니다. 하지만 XHTML은 구조와 표현이 분리되어 있기 때문에 CSS파일만 수정하면 전체적인 디자인 변경이 가능하여 유지비용의 감소 및 생산성이 증가합니다. |
경량화를 통한 로딩 속도 향상 | XHTML은 구조화된 문서이기 때문에 가독성이 높을 수 있으며, 표현 요소를 분리할 경우 웹 페이지의 로딩 속도를 향상 시킬 수 있습니다. ex) Yahoo의 경우 기존의 웹 페이지를 XHTML로 전환함으로써 전체 파일의 크기를 1/3 가량 줄일 수 있었습니다 |
'Development > Web, WWW' 카테고리의 다른 글
| 웹표준 구성요소 3가지 (0) | 2017.10.30 |
|---|---|
| HTML5, 기존 HTML의 한계, HTML5 특징 (0) | 2017.10.30 |
| WEB(웹, World Wide Web), 도식도, 웹 vs 인터넷 (0) | 2017.10.30 |
| HTML – 웹 문서, HTML 특징, HTML 소스 문서 내용 (0) | 2017.10.30 |
| 띄어쓰기와 줄 나누기 (0) | 2017.10.30 |