<머리>

HTML <head> 태그

Instances

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>

<body>
文档内容......
</body>

</html>

인스턴스 실행»

온라인 예제를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

모든 주요 브라우저 지원 태그입니다.

태그 정의 및 사용 지침

<head> 요소는 모든 헤드 요소에 대한 컨테이너입니다.

<head> 요소에는 문서 제목이 포함되어야 하며 스크립트, 스타일, 메타 정보 및 기타 추가 정보가 포함될 수 있습니다.

아래 나열된 요소는 <head> 요소 내에서 사용할 수 있습니다.

<title> (head에서는 이 요소가 필요합니다.)
<style>
HTML 4.01과 HTML5의 차이점
HTML5에서는 더 이상 프로필 속성을 지원하지 않습니다.
Attribute
Value
Description

profile

URL

HTML5 지원되지 않습니다.

문서 URL을 지정하는 규칙 집합입니다. 이러한 규칙은 브라우저에서 인식되며 <meta> 태그의 콘텐츠 속성에 있는 정보를 정확하게 읽습니다.

전역 속성

<head> 태그는 HTML 전역 속성을 지원합니다.

해 보세요 - 예제

<head>에서 <base> 태그 사용
이 예제에서는 <base> 태그를 사용하여 페이지의 모든 링크에 대한 기본 대상을 지정하는 방법을 보여줍니다.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<base href="http://www.php.cn//images/" target="_blank">
</head>
<body>

<p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.php.cn/images/logo.png"</p>

<p><a href="http://www.php.cn/">php.cn</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

<head>에서 <style> 태그를 사용하세요. <head> 섹션에 스타일 정보를 추가합니다.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

인스턴스 실행»온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

<head>에서 <link> 태그를 사용하세요. <link> 태그는 외부 스타일 시트에 연결됩니다.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>

<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>

</html>

인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요