XHTML의 구성요소

 

마크업 언어란?

마크업(markup)이란 교정 기자들이 언론사에서 쓰는 특수 목적기법의 표기법으로

배치양식에 대한 정보를 표현하는 언어이다.

들여쓰기와 줄간격,여백등에 대한 정보를 의미한다. 조금더 쉽게 접근하면,

논술강의를 듣는다고 생각해볼때 글을 써서 선생님께 제출 한 후 제출답안을 받으면 

빨간 펜으로 수정할 부분을 표시해서 돌려주시는 모습을 연상할 수 있다.

이때 표시된 교정방향에 대한 정보를 마크업이라고 보면 된다.

 

마크업 언어란 마크업 정보를 표현하는 언어로서 문서 내용 이외에 논리구조나 체제 등을 지정한다.

마크업 언어는 문서중의 단어나 어떤 요소를 같은 문서나 다른 문서중의 어떤 항목과 연결하는 방법을

지정하여 컴퓨터 시스템에 지시하는 형태로 이루어 진다.

대표적인 마크업 언어로는 웹(WWW)의 홈페이지에 사용되는 하이퍼 텍스트생성언어(HTML)등을 들수 있다.

 

마크업 언어(Markup language)의 종류 :순차적 마크업 언어.서술적 마크업 언어

 

1)순차적 마크업 언어(Procedural Markup)

순차적 마크업 언어는 한 문서에 기본 데이터, 구조, 표현 정보가 저장되며,

문서 내용을 어떻게 시각적으로 표현 할 것인가에 대한 정보등이 포함된다.

동질의 환경에서 정보 저장, 교환용으로 사용하기에는 문제가 없지만

서로 다른 시스템간의 정보교환용으로는 부적합한 편이다. (특정 응용 소프트웨어에서만 인식되는 단점이 있다.)

ex)HTML

 

2)서술적 마크업(Descriptive Markup)

서술적 마크업 언어는 기본데이터와 구조만으로 이루어져 있기 때문에

제목, 부제목 , 작가등의 구조정보를 가지고 있다.

문서가 기본 데이터와 구조(의미)만 가지기 때문에 문서 구조와 표현정보를 분리할 수 있고

분리된 표현 정보를 필요로 할때 다양하게 적용이 가능하다.

텍스트를 기반으로 하기 때문에 이질적인 환경에서 데이터 교환 형태로도 적합하다.

ex)XML

 

순차적인 마크업의 기능과 서술적인 마크업의 장점을 모두 수용한 마크업 언어로는 XHTML이 있다.

XHTML은 HTML을 XML로 재 구축한 마크업 언어로, HTML의 단점을 보완하여 좀 더 폭넓게 사용할 수 있다.

XHTML(Extensible Hypertext Markup Language)은 HTML과 동등한 표현능력을 지닌 마크업 언어로 HTML보다 엄격한 문법을 가진다.

 

문서형 정의

문서형 정의란 마크업 문서의 요소와 속성등을 어떤 규칙에 따라 기술해야 하는지에 대한 기준을 의미한다.

마크업 문서를 작성하려면 문서의 첫 머리에 문서형 정의(DTD:Document Type Definition)를 선언해야하는데

HTML과 XHTML이라는 두가지 마크업 언어 모두 세가지의 문서형 정의가 있다.

 

*DTD선언

마크업 문서의 요소와 속성을 어떤 규칙에 따라 기술해야 하는지에 대한 기준을 뜻하며

생략시 퀵스모드로 렌더링 되어 크로스브라우징 환경에서 각각의

문서가 다르게 표현되는 원인이 되므로 반드시 기술해야 한다. 위치는 문서 첫줄이고 공백을 둬서는 안된다.

 

*퀵스모드와 표준모드

퀵스 모드는 웹 브라우저가 점점 표준에 맞게 개선되면서 이전의 오래된 웹 페이지들을

정상적으로 보여주기 위해 최신 버전의 브라우저에서 제공하는 호환모드이다.

이 모드에서는 같은 코드라도 웹 브라우저 마다 서로 다르게 해석한다.

 

문서형 정의의 종류에 따라 특정요소의 사용이 제한 되거나

규칙이 다르게 적용되고 웹브라우저에서 문서가 표현되는 기준이된다.

크로스 브라우징 환경에서 일관된 기준으로 렌더링 되도록 구현하려면 마크업 문서를 작성할 때

문서형의 정의 선언이 필요한데 HTML과 XHTML에서 제공하는 문서형 정의의 종류는 엄격형,호환형, 프레임형이 있다.

 

*렌더링(Rendering)

:서버로 부터 넘겨받은 HTML 코드는 웹 브라우저에서 읽어온 후 화면에 시각적으로 표시하게 되는데 이 과정을 렌더링이라고 한다.

 

1)엄격형(Strict DTD)

엄격형은 W3C가 의도했던 문서타입으로 구조와 표현을 분리하기 위해 표현에 관한 요소와 속성을 배제한 문서타입이다.

엄격형에서 제한되는 요소로는 center, font, iframe, strike,u등이 있으며 제한되는 속성은 target이 있다.

 

2)호환형(Transitional DTD)

기존의 문서들과 호환성을 유지하기 위한 타입이다.

 

3)프레임형(Frameset)

프레임을 사용할 경우 필요.

 

 

 

네임스페이스

XHTML은 HTML을 XML로 재정의한 언어이기 때문에 XML이 가지는 확장성을 이용하여

다른 XML형식의 문서 표준을 네임 스페이스를 이용하여 지원할 수 있다.

 

휴먼랭귀지

웹 브라우저나 화면 낭독기와 같은 User Agents가 웹문서에 쓰여진 언어를 올바로 해석할 수 있도록

(X)HTML문서에 사용언어를 선언할 수 있는데 대표적 방법에는 휴먼 랭귀지 명시와 메타요소를 이용한 선언이 있다.

휴먼랭귀지 명시는 한국어, 영어, 중국어, 독일어 등의 사람이 사용하는 언어를 HTML문서에 선언하여

(X)HTML을 해석할 수 있는 소프트웨어들이 올바르게 동작하도록 하는 것이다. 휴먼랭귀지 명시는

html요소에 선언할 수 있고 컨텐츠 안에서 다양한 휴먼 랭귀지를 사용하는 경우 특정 요소마다 각각 다시 선언할 수 있다.

언어를 설정하는 방식은 HTML에서는 lang속성을 사용하고,

XHTML1.0에서는 text/html인 경우에 lang과 xml:lang속성을 사용,

XHTML 1.1. 에서는 xml:lang 속성만 사용한다.