* <head> 영역의 요소 : 문서 정보 및 문서 제목 | ||||||||||||||||||||||||
문자 코드 세트 | 다국어 인코딩의 경우 utf-8 / 한글 euc-kr | |||||||||||||||||||||||
<meta> | : 다양한 문서 정보의 제공 | |||||||||||||||||||||||
<meta> 요소는 HTML 자체의 정보를 작성하는 태그. 사람이 아닌 사용자, 즉 기계나 프로그램 등을 위한 정보. | ||||||||||||||||||||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| ||||||||||||||||||||||||
키워드 지정 | meta요소를 이용하여 웹 페이지 홍보의 수단으로 검색 키워드(콤마(,)로 구분하여 선언) 지정 | |||||||||||||||||||||||
<meta name="keyword" content="웹 접근성, 웹표준 지침“ /> <meta name="ROBOT" content="NONE“ /> | ||||||||||||||||||||||||
<title> | : 페이지별 제목 표시 | |||||||||||||||||||||||
- 문서마다 유일한 내용으로 구성한다. * 반드시 지정 같은 title을 가진 웹문서가 여러 개 있어서는 안된다. - 텍스트 요소만 올 수 있다. 현재 페이지가 어떤 내용을 담고 있는지, 다음 문서가 어떤 내용을 담고 있는지를 함께 표시하는 것이 좋다. 과도한 장식문자 사용 지양. ex. <title>묻고 답하기 | webCafe</title> | ||||||||||||||||||||||||
<link> | : 외부 요소의 연결 | |||||||||||||||||||||||
- HTML에 사용되는 외부 자원을 연결하는 요소로, <head> 범위 내에 지정. - <meta>요소처럼 특정한 사용자 도구만 이해하고 적용되는 경우가 있다. ex. 애플사의 아이폰 홈 화면 아이콘 설정. | ||||||||||||||||||||||||
<link rel="stylesheet" href="/css/reset.css" type="text/css" media="all /> <link rel="shortcut icon" href="/img/common/apple.ico" /> | ||||||||||||||||||||||||
XHTML : <head> 영역의 요소
/
/
2015. 10. 22. 11:59
