HTML5:文档头部标签及属性

title标签

        title标签用于定义HTML页面的标题。它是双标签，开始和结束标签之间的内容就是要设置的页面标题。 它的作用是：

• 在浏览器的标题栏中显示标题
• 标题可以用作默认快捷方式或收藏夹的名称
• 标题还可以作为搜索引擎结果中的页面标题

应用时注意：

• 一个网页只能有一个标题
• 标题名称的长度不超过64个字符数
• 标题标记对之间不允许有其它的标签存在

用法示例： <title>个人网页</title>

charset属性

        在html5中，可直接通过meta标签的charset属性设置页面的字符编码格式。在理论上，可以使用任何字符编码，但并不是所有浏览器都能够解释它们。常用的编码有：

• ISO-8859-1：国际标准化组织针对不同的字母表/语言定义的标准字符集（ 拉丁字母表的字符编码），是浏览器默认的字符集
• utf-8：Unicode 联盟开发的标准，utf-8 是网页和电子邮件的首选编码。
• gb2312：信息交换用汉字编码字符集，中国国家标准总局1980年发布。适用于汉字处理、汉字通信等系统之间的信息交换。

用法示例： <meta charset="gb2312"/>

meta标签的作用

        meta标签用于定义页面的元信息，可重复出现再头部标签中。它是单标签，通过“名称/值”的形式成对使用其属性。 meta标签主要分为两大类，一类对页面进行设置，另一类对搜索引擎进行设置。

• 对页面进行设置的格式：<meta http-equiv="名称" content="值"/>
• 对搜索引擎进行设置的格式：<meta name="名称" content="值"/>

http-equiv/content

        http-equiv/content属性对用于设置刷新、失效期、 cookie等页面信息。

用法示例：

• 页面停留20秒后跳转到www.educoder.net

<meta http-equiv="refresh" content="20;url=www.educoder.net"/>

• 网页于2020年7月26号8点过期

<meta http-equiv ="expires" content="Thur,26 Jul 2020 08:00:00 GMT"/>

• 设置cookie并进行页面缓存

<meta http-equiv ="set-cookie" content="cookievalue = xxx; expires= Thur,26 Jul 2020 08:00:00 GMT; path=/">

name/content

        http-equiv/content属性对用于设置关键字、简介、作者、机器人向导、 版权、编辑器等。

用法示例：

• 用于标注网页的作者和Email

<meta name = "author" content = "刘明，Liuming@sina.com" />

• 为搜索引擎提供网站简介

<meta name ="description" content ="网站简介"/>

• 为搜索引擎提供关键字

<meta name="keywords" content="漫步时尚广场,时尚,购物,影视,餐饮"/>

• 为搜索引擎提供编辑器类型

<meta name="generator" content="Dreamweaver CS6"/>

• 为搜索引擎提供提供最新版本信息

<meta name="revised" content="David,2020/8/8"/>

link标签

        link标签可引用外部文件。它是单标签，一个页面允许使用多个link标签引用多个外部文件。 它的作用是：

• 指定引用外部文档的地址
• 指定当前文档与引用的外部文档的关系
• 说明引用外部文档的类型

<link/>标签的语法格式： <link href="" rel="" type=""/>

格式说明：

• href设置外部文档的地址
• rel设置当前文档与引用的外部文档的关系
• type设置外部文档的类型。

用法示例：链接一个外部样式表 <link rel="stylesheet" type="text/css" href="theme.css" />