<head> 标签是所有头部标签的容器。<head> 内的标签可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<noscript>、<script> 以及 <style>。
| 标签 | 描述 |
|---|---|
| <head> | 定义了文档的信息 |
| <title> | 定义了文档的标题 |
| <base> | 定义了页面链接标签的默认链接地址 |
| <link> | 定义了一个文档和外部资源之间的关系 |
| <meta> | 定义了HTML文档中的元数据 |
| <noscript> | 定义客户端的脚本不可用时显示 |
| <script> | 定义了客户端的脚本文件 |
| <style> | 定义了HTML文档的样式文件 |
<head>标签是包含头部元素的容器,头部元素有标题、脚本、基础连接、样式、元数据。
<head> <meta name="keywords" content="html教程,php教程"> </head>
<title> 标签定义文档的标题。title标签是必须的,没有的话会被视为无效文档。title 元素能够:
显示在搜索引擎结果中的页面标题
在收藏夹里显示标题
定义浏览器工具栏中的标题
<head> <title>炫代码(www.xuandaima.com)</title> </head>
<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
<head> <base href="http://www.xuandaima.com/Template/Test/img/"> <base target="_blank"> </head>
<link> 标签定义文档与外部资源的关系。
<head> <link rel="stylesheet" type="text/css" href="/Template/Test/css/href.css"> </head>
<meta> 标签是数据的数据信息。通常用于页面的关键词、描述、作者等。
<head> <meta charset="utf-8"> <meta name="author" content="xuandaima"> <meta name="keywords" content="php教程,html教程" /> <meta name="description" content="全球最好的中文 Web 技术教程,介绍了PHP、HTML、PHP 、MySQL等各种编程语言的基础知识。"> </head>
每5秒刷新页面并跳转到别的页面
<meta http-equiv="refresh" content="5; url='http://www.qq.com/'">
定义页面编码为utf-8
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
当前在浏览器中关闭了脚本或不支持,则会执行<noscript> 标签内容。
<head>
<script>
document.write("炫代码!")
</script>
<noscript>注意:你的浏览器可能关闭了JavaScript,或者不支持JavaScript</noscript>
</head><script> 标签是用于客户端的网页动态脚本。
<head>
<script>
document.write("这是script输出的字符!")
</script>
</head><style> 标签定义 HTML 文档的样式信息。
<head>
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style>
</head>