HTML5和CSS课程(5)
导语
从今日起计划推出系列课程《HTML5和CSS课程》。内容来源于《HTML5与CSS3基础教程（第8版）》。如果你喜欢看书，请购买正版书籍。以下内容均来源于对该本书的解读。
创建页面标题
在上一篇文章的 HTML 基础代码中 <title></title>仅为占位符，现在开始讨论 title 元素。每个 HTML 页面都必须有一个 title 元
素。每个页面的标题都应该是简短的、描述性的，而且是唯一的，如下代码所示。
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <title>这是一个简单的html页面</title></head><body></body></html>“title 元素必须位于 head 部分，将它放置在指定字符编码的 meta 元素后面
在大多数浏览器中，页面标题出现在窗口的标题栏（ Chrome 是个例外）和浏览器的标签页中。页面标题还会出现在访问者浏览历史列表和书签里。
或 许 更 为 重 要 的 是， 页 面 标 题 会 被Google、 Bing、 百度等搜索引擎采用，从而能够大致了解页面内容，并将页面标题作为搜索结果中的链接显示。总之，要让每个页面的 title 是唯一的，从而提升搜索引擎结果排名，并让访问者获得更好的体验。
“页面标题通常是 Google等搜索引擎的搜索结果中链接的文字，它也是判断搜索结果中页面相关度的重要因素。此处为Google 中显示的页面标题和部分主体内容
01
创建页面标题的步骤
(1) 将光标放在文档 head 中的 <title> 和</title> 之间。
(2) 输入网页的标题。
提 示
title 元素是必需的。
提 示
title 中不能包含任何格式、 HTML、图像或指向其他页面的链接。
提 示
创建新页面时，有的代码编辑器会预先为页面标题填上默认文字，除非已经按照3.1 节中介绍的方法使用了特定的开头代码。要注意到这些默认文字，确保用自己的标题替换它们。
很多开发人员不太重视 title 元素，甚至那些相当用心、很有经验的开发人员也是这样。他们只是简单地输入网站名称，并将其复制到全站每一个网页。或者更糟糕，让 title 文字仍然保存为代码编辑器默认添加的文字。如果流量是网站追求的指标之一，这样做对建站者和潜在的访问者都会产生巨大的损害。不同搜索引擎确定网页排名和内容索引规则的算法是不一样的。不过， title通常都扮演着重要的角色。搜索引擎会将title 作为判断页面主要内容的指标，并将页面内容按照与之相关的文字进行索引。有效的 title 应包含几个与页面内容密切相关的关键字。作为一种最佳实践，选择能简要概括文档内容的文字作为 title 文字。这些文字既要对屏幕阅读器用户友好，又要有利于搜索引擎排名。其次，将网站名称放入 title（这不是必需的）。常见的做法是将网站名称放在title 的开头，不过将页面特有的文字放在开头更好。建议将 title 的核心内容放在前 60 个字符（含空格）中，因为搜索引擎通常将超过此数目（作为基准）的字符截断。不同浏览器显示在标题栏中的字符数上限不尽相同。浏览器标签页会将标题截得更短，因为它占的空间较少。
好，今天的课程就到这里！！！
