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