[기초강좌] HTML Head - w3schools 번역 |
![[기초강좌] HTML Head - w3schools 번역](https://t1.daumcdn.net/cfile/tistory/237B3E3F5300BAB12D)
w3school 의 강좌 내용을 번역한 글입니다.
원문 : http://www.w3schools.com/html/html_head.asp
The HTML <head> Element
<head> element 는 모든 head element 들의 container 이다. <head> 안에 들어가는 element 들은 script, style sheet 을 어디서 불러올 것인가, meta 정보 등이다.
다음의 tag 들이 head 에 들어간다. : <title>, <style>, <meta>, <link>, <script>, <noscript>, <base>
The HTML <title> Element
<title> tag 는 문서의 제목을 정의한다.
<title> element 는 HTML/XHTML 에서 반드시 들어가야 한다.
<title> element 는..
* 브라우저 툴바의 제목을 정의한다.
* 즐겨찾기에 추가될 때 페이지 제목으로 사용된다.
* 검색엔진의 검색 결과의 페이지 제목으로 사용된다.
간단한 HTML 문서는..
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
The HTML <base> Element
<base> tag 는 페이지 안에 있는 모든 상대경로 URL 의 기본 URL 그리고 기본 target 을 정의한다.
<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>
The HTML <link> Element
<link> tag 는 문서와 외부 리소스와의 관계를 정의한다.
<link> tag 는 대부분 style sheet 을 연결할 때 사용된다.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
The HTML <style> Element
<style> tag 는 HTML 문서의 style 정보를 정의하는 데 사용된다.
<style> element 안에는 HTML element 들이 어떻게 그려져야 할지를 정의한다.
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
The HTML <meta> Element
Metadata 는 부가적인 정보를 의미한다. ( 원문 : data about data. )
<meta> 태그는 HTML 문서의 부가적인 정보를 제공한다. Meta data 는 page 에 표시되지 않는다. 하지만 기계가 사용한다.
Meta elements 는 보통 페이지에 대한 정보, 키워드, 글쓴이, 마지막 수정한 날짜 등의 부가적인 정보를 제공한다.
Metadata 는 브라우저 ( 어떻게 디스플레이 하고, 어떻게 페이지를 reload 할지 ), 검색 엔진 ( 키워드 ), 그리고 다른 웹 서비스 들이 이용한다.
<meta> tag 는 언제나 <head> element 안에 존재한다.
< <meta> tag 예제 >
검색엔진을 위한 키워드 정의
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
웹 페이지 묘사.
<meta name="description" content="Free Web tutorials on HTML and CSS">
페이지 글쓴이 (원문 : author ).
<meta name="author" content="Hege Refsnes">
문서를 30초 단위로 refresh 한다.
<meta http-equiv="refresh" content="30">
The HTML <script> Element
<script> tag 는 client-side script 를 javascript 와 같은 언어로 정의한다.
<script> element 는 나중 챕터에 소개될 예정이다.
HTML head Elements.
| Tag | Description |
|---|---|
| <head> | Defines information about the document |
| <title> | Defines the title of a document |
| <base> | Defines a default address or a default target for all links on a page |
| <link> | Defines the relationship between a document and an external resource |
| <meta> | Defines metadata about an HTML document |
| <script> | Defines a client-side script |
| <style> | Defines style information for a document |
'프로그래밍 놀이터 > Web' 카테고리의 다른 글
| [기초강좌] HTML Images - w3schools 번역 (0) | 2014.03.12 |
|---|---|
| [기초강좌] HTML Styles - CSS - w3schools 번역 (0) | 2014.03.11 |
| [기초강좌] HTML Links - w3schools 번역 (0) | 2014.03.05 |
| [기초강좌] HTML Comments - w3schools 번역 (0) | 2014.03.04 |
| [기초강좌] HTML Text Formatting - w3schools 번역 (0) | 2014.02.27 |
댓글