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等页面信息。

HTML5设计标题图 html5页面标题_meta标签

用法示例:

<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属性对用于设置关键字、简介、作者、机器人向导、 版权、编辑器等。

HTML5设计标题图 html5页面标题_html5_02

用法示例:

  • 用于标注网页的作者和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" />