본문 바로가기
프로그래밍 놀이터/Web

[기초강좌] HTML Head - w3schools 번역

by 돼지왕 왕돼지 2014. 3. 10.
반응형


 [기초강좌] HTML Head - w3schools 번역

 

[기초강좌] HTML Head - w3schools 번역


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.


TagDescription
<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



다음 강좌 보기 >>






반응형

댓글