HTML HTML5 PHP Mysql Linux 缓存技术 工具 资讯 读书 其他

HTML 头部(Head)


Examples

亲自试一试 - 例子

<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文档:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>


HTML <base> 元素

<base> 标签为所有相对路径指定基础的URL和打开方式:

<head>
<base href="http://www.phpxuexi.net/images/" target="_blank">
</head>


HTML <link> 元素

<link> 标签定义了一个文档的外表资源

<link> 最多用于链接样式表:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


HTML <style> 元素

<style> 标签被用于定义文档的样式信息.

在<style> 元素内,你可以指定HTML元素如何在浏览器中呈现:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>


HTML <meta> 元素

元数据是关于数据的信息

<meta> 标签提供HTML文档元数据。元数据不在网页中显示,但会被机器解析

Meta 元素通常用于指定页面的描述、关键字、作者,最后修改时间等信息

元数据可用于浏览器(如何显示或加载页面),搜索引擎(关键字),或其他网络服务

<meta> 标签总是放置在head元素内部

<meta> 标签 - 应用示例

为搜索引擎定义关键字:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

定义网页的描述:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定义页面的作者:

<meta name="author" content="Hege Refsnes">

每30秒刷新一次文档:

<meta http-equiv="refresh" content="30">


<script> 元素

<script> 标签用于定义客户端脚本,例如 javascript

<script> 元素将在后续章节中进行详解





To Top