HTML 头部(Head)
亲自试一试 - 例子
<title> -为HTML文档定义一个标题
使用 <title> 标签为文档定义标题
<base> - 所有链接的默认url和目标地址
使用 <base> 为当前网页的所有的链接都在新窗口中打开
<meta> - 为HTML文档提供元数据
使用<meta> 元素来指定页面描述,关键字,作者和文档编码
HTML <head> 元素
<head> 元素是包含所有头部的元素,<head>内部可以包含脚本,样式表,提供meta信息等等
head部分可以添加标签有:<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>
HTML <title> 元素
<title> 标签定义了文档的标题
<title> 在所有的HTML/XHTML文档中是必须有的
<title> 元素:
- 在浏览器顶部显示标题
- 当收藏网页时提供网页的标题
- 在搜索引擎中显示网页的标题
一个简单的HTML文档:
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
HTML <base> 元素
<base> 标签为所有相对路径指定基础的URL和打开方式:
<base href="http://www.phpxuexi.net/images/" target="_blank">
</head>
HTML <link> 元素
<link> 标签定义了一个文档的外表资源
<link> 最多用于链接样式表:
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML <style> 元素
<style> 标签被用于定义文档的样式信息.
在<style> 元素内,你可以指定HTML元素如何在浏览器中呈现:
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
HTML <meta> 元素
元数据是关于数据的信息
<meta> 标签提供HTML文档元数据。元数据不在网页中显示,但会被机器解析
Meta 元素通常用于指定页面的描述、关键字、作者,最后修改时间等信息
元数据可用于浏览器(如何显示或加载页面),搜索引擎(关键字),或其他网络服务
<meta> 标签总是放置在head元素内部
<meta> 标签 - 应用示例
为搜索引擎定义关键字:
定义网页的描述:
定义页面的作者:
每30秒刷新一次文档:
<script> 元素
<script> 标签用于定义客户端脚本,例如 javascript
<script> 元素将在后续章节中进行详解