Skip to content
2014.08.18 19:49

HTML Head 알아보기

조회 수 5078 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<Head> 요소는 스크립트나 스타일, 메타 정보 등을 포함합니다.


대표적으로 <title>, <style>, <meta>, <link>, <script>, <base> 등이 있습니다.


<title>은 문서의 제목을 정의합니다.


보통 브라우져 최상단 제목 표시줄에 출력됩니다.


<!DOCTYPE html>
<html>
<head>
<title>문서의 제목</title>
</head>

<body>
문서의 내용
</body>

</html>


<base> 요소는 페이지의 모든 URL과 타겟의 기본 사항을 설정합니다.


<base href="http://htmlfive.co.kr/" target="_blank">

<link> 요소는 외부 리소스와의 관계를 정의합니다.


보통 스타일 시트 파일과의 연결에 많이 사용하는데 다음과 같이 많이 사용됩니다.


<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>


<style>요소는 스타일 정보를 정의할 때 쓰입니다.


<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>


<style> 요소 내부의 내용을 보면 <body> 요소의 배경색을 노란색으로 <p> 요소의 글자색을 파란색으로 한다는 뜻인데


이러한 CSS 문법은 차후에 알아보도록 하겠습니다.


<meta> 요소는 메타 데이터를 정의하는데 해당 페이지에 대한 설명, 저자, 키워드, 수정일 등을 정의할 수 있습니다.


<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="description" content="HTML 시작하기">
<meta name="author" content="sincntx">
<meta http-equiv="refresh" content="30">


마지막의 http-equiv는 30초마다 새로고침을 하라는 뜻입니다.


<script> 요소는 해당 페이지에서 사용할 자바스크립트를 정의할 수 있습니다.


?

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5