HTML中Header标签的用法实例

来源：达言教育

1. <base> 标签为页面上的所有链接规定默认地址或默认目标。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

Html代码

<head> 
 <base href="http://www.w3school.com.cn/tags/"> 
 <base target="_blank" /> <!--页面中所有target默认为_blank--> 
</head> 
<body> 
 <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank --> 
 <a href="tag_audio.asp">audio </a> 
</body>

target可选的属性：
_blank
_parent
_self
_top

2. <link>标签定义文档与外部资源的关系。最常见的用途是链接样式表。

Html代码

<head> 
<link rel="stylesheet" type="text/css" href="theme.css" /> 
<link rel="shortcut icon" href="http://jquery.com/jquery-wp-content/themes/jquery.com/i/favicon.ico"> 
</head>

rel 可选的属性有：
alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag

3. <meta> 定义了与文档相关联的名称/值对，比如针对搜索引擎和更新频度的描述和关键词。 <meta>标签没有结束标签,但必须被正确地被关闭（<meta ... />）。

Html代码

<head> 
<meta http-equiv="Content-Type" Content="text/html; charset=UTF-8" /> 
<meta name="keywords" content="HTML,ASP,PHP,SQL"> 
</head>

属性：

4.<style>为 HTML 文档定义样式信息.

Html代码

<head> 
<style type="text/css"> 
h1 {color:red} 
p {color:blue} 
</style> 
<link rel="stylesheet" type="text/css" href="/c5.css" /> 
</head>

5. <title> 元素可定义文档的标题。它是 <head> 标签中唯一要求包含的东西。