title出现的位置
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>位于head标签对中
title的用途
title标签用来设置网页的标题，文字会显示在浏览器的标签栏上
<title>慕课网-程序员的梦工厂</title>其效果为：
搜索引擎在爬取网站的时候，也会爬取head标签中的title标签内容，其效果为：
网页关键词和页面描述
合理设置网页的网页关键词和页面描述，也是SEO的重要手段。
SEO（Search Engine Optimization，搜索引擎优化）利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，让网站在搜索引擎的结果中显示前排。
使用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能。
<!-- 设置网页关键词，注意content中的关键词用英文逗号(,)分割 -->
<meta name="keywords" content="慕课网,imooc,Java,前端,Python,大数据">
<!-- 设置网页描述语句 -->
<meta name="description" content="慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)课程涉及JAVA、前端、Python、大数据等60类主流技术语言，覆盖了面试就业、职业成长、自我提升等需求场景，帮助用户实现从技能提升到岗位提升的能力闭环。">我们可以通过站长工具来查询网站的SEO信息。
上图中的关键词排名就是给网站设置关键词的意义，比如在百度搜索"慕课网"，百度的1,2,6,23,24的位置上就显示的是慕课网网站的信息和链接。
至于页面描述，更多就体现在上图中。
比如网站某个页面是一篇文章，其title就可以设置成文章标题名字，关键词就是文章中多次提到或能表达文章含义或概念的词语，页面描述就可以写成文章的摘要。
【注意】课程中对网页关键词和网页描述的name属性值首字母都使用了大写，但是小写也是可以的。
