XHTML 요소 - 01 (문서정보, 제목, 문단 관련 요소)

문서 정보 및 문서 제목

1. 문서 정보와 문자 코드 세트 (meta)

웹 브라우저에서 한글이나 영어와 같은 문자를 처리하기 위해 사용할 문자 코드 세트(인코딩) 선언 값과
저작자, 키워드, 요약문, 만기일 등에 관한 문서 정보의 경우 빈 요소인 meta 요소를 이용하여 지정할 수 있음.

* 문자 코드 세트 지정하기
   웹 페이지를 제작할 때 사용한 문자가 깨지지 않고 인코딩 되도록 하려면 meta 요소를 이용
   다국어 인코딩의 경우 utf-8 을 지정할 수 있고 한글은 euc-kr 을 지정
   요즘은 다들 utf-8 로 지정하는 듯

   <meta http-equive=”content-type” content=”text/html;charset=utf-8” />

* 키워드 지정하기
   meta 요소를 이용하면 검색 키워드를 지정할 수 있음
   검색 사이트에서 상위에 노출되는 효과를 얻을 수 있음

   <meta name=”keywords” content"=”웹 접근성, 웹 표준, xhtml 요소, 키워드 지정하기” />

* 다양한 문서 정보 지정하기
   화면에 보이진 않지만 웹페이지의 다양한 정보를 지정할 때에도 meta 요소를 사용할 수 있음
   웹페이지의 요약정보, 제작자 정보, 저작권 정보, 검색 로봇 제어 여부 등..

   <meta name=”subject” content=”문서 제목 정보” />
   <meta name=”description” content=”웹 페이지 요약 정보” />
   <meta name=”author” content=”제작자 정보” />
   <meta name=”robots” content=”검색 로봇 제어” />
   <meta name=”copyright” content=”저작권 정보” />

 

2. 문서 제목 (title)

웹 문서의 제목을 선언할 때 사용하는 요소.
문서마다 유일한 내용으로 구성해야 함.
title 요소는 즐겨찾기 및 북마크에 해당 웹 문서를 추가 할 경우 북마크 이름으로도 활용.

<title>문서 제목</title>

 

문단 관련 요소

1. 제목 <h1> ~ <h6>

제목 요소는 h1, h2, h3, h4, h5, h6의 여섯 가지를 사용할 수 있음.
잘 구성된 헤딩은 기기에서의 정보 인식성을 높일 수 있음.
헤딩을 이용하여 제목을 작성할 때는 h1 다음에 h2, h3 순으로 나와야 계층구조가 어긋나지 않음.

2. 단락 <p>

텍스트를 단락으로 정의할 때 사용.
단락 요소 안에는 a, img 등 인라인 요소와 텍스트만 포함할 수 있고 블록 요소는 사용할 수 없음.
단락 안에서 강제로 줄바꿈 해야 하는 경우에는 <br> 요소를 사용할 수 있지만 남용은 조심.

3. 줄 바꿈 <br>

단락에서 텍스트를 강제로 줄바꿈할 때에 “line break” 의미인 <br> 요소를 사용함.
<br> 요소는 빈 요소(empty element)로 <br /> 와 같이 사용함.

4. 주소 <address>

웹 문서의 아래쪽에 연락처(이메일 주소 포함) 및 제작자, 저작권(copyright) 정보 등을 표시할 수 있음.
단순한 집 주소의 의미가 아니라 웹 사이트 작성자 정보로써 문서의 공개일, 갱신일, 연락처(이메일 주소)의 정보를
사용자에게 제공하려고 할 때 사용하는 요소.
address 요소는 기울임꼴로 화면에 출력.

5. 구분선 <hr>

hr 요소는 수평선으로 표현되어 구분선 역할을 하고 빈 요소이며 <hr />로 종료 태그 없이 사용.
컨텐츠 전후의 내용을 구분할 수 있도록 선으로 나타내는 것.