XHTML.CSS

XHTML - 06. XHTML요소

asu2880 2019. 9. 15. 03:11

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

• 문자코드세트지정하기
– utf-8 : 유니코드. 전세계의 모든 문자를 표현. 국제적인 코드 규약
– euc-kr : 2,350개의 한글 문자, 한국에서 통용되는 한자, 영문.

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

• 문서정보-키워드
– 웹페이지 홍보의 수단으로 검색 키워드 지정

<meta name=“keywords” content=“” />

• 문서정보-그외정보
– 웹페이지 홍보의 수단으로 검색 키워드 지정

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

2. 문서 제목

• 웹문서의 제목을 선언
– 문서마다 유일한 내용으로 구성
– Title요소는 문서를 구별할 수 있는 첫번째 관문
– 즐겨찾기 및 북마크에 해당 웹문서를 추가 할 경우에 사용되는 북마크 이름

<head>
<title>HTML의 시작</title>

• 페이지와 웹사이트 정보와 함께 표기하기
– ‘HTML의 시작’ 웹사이트의 ‘게시글’ 페이지

<head>
<title>HTML의 시작 - 게시글</title>

• 제목 우선순위
– 시각적으로는 웹사이트명이먼저. 

 

• 의미없는 장식 문자 금지
– 스크린 리더와 같은 보조기를 통해 접근할경우

 

 

<!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" lang="ko" xml:lang="ko" >
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>문서제목</title>
	<meta name="keywords" content="검색키워드지정" />
	<meta name="subject" content="문서제목정보" />
	<meta name="description" content="웹페이지요약정보" />
	<meta name="author" content="제작자정보" />
	<meta name="robots" content="검색로봇제어" />
	<meta name="copyright" content="저작권정보" />
</head>
<body>
기본세팅완료!
</body>
</html>
728x90
반응형