成长是一辈子的事儿！大家好！我是时问新(前几天改了名字，现在觉得还是用时问新这个名字更好点)。分享前端、Python等技术，以及个人成长路上的那些事儿。
<title>标签的用途
1 <title>标签是用来设置网页的标题的，标题文字会显示在浏览器的标签栏上。
比如百度的<title>标签里面的文字是“百度一下，你就知道”，即<title>百度一下，你就知道</title>，那么浏览器的标签栏上就会显示“百度一下，你就知道”。
2 <title>标签里面的内容也是搜索引擎收录网站时显示的标题。为了吸引用户的点击，更好是合理的设置title。
比如说，你在百度或者搜狗搜索“优酷”，在呈现出来的搜索结果中，就会显示出优酷这个网站的标题：“优酷-这世界很酷”。
再比如，我在之前创建的网页文件first.html中，这样写：<title>我的网页</title>
在浏览器中打开这个网页，标签栏就会显示“我的网页”：
网页关键词和页面描述
合理设置网页的关键词和页面描述，是SEO的重要手段。
SEO：即search engine optimization的首字母缩写，意思是搜索引擎优化。所谓搜索引擎优化，就是利用搜索引擎的规则，提高网站在搜索结果中的自然排名。当你在搜索引擎中搜索某一个关键词，搜索结果中可能会出来很多带有这个关键词的网站，当你的网页做了SEO，那么你的网站就会在用户搜索某一个关键词时，排在竞争对手前面的位置，这就有利于用户搜到你，获得品牌收益。
如何设置网页关键词和描述
使用<meta>标签来设置网页的关键词和描述。<meta>标签的name属性，是用来设置meta的具体功能的，比如name属性值是"Keywords"，就是设置关键词，此时，<meta>标签的content属性的值，就是具体的关键词。而name的属性值如果是"Description"，此时content属性的值就是描述的具体内容。
比如优酷网的关键词和描述设置：
<meta name="Keywords" content="优酷网，视频，电影，剧集，动漫，综艺">
上面一行代码就是关键词设置，当用户在搜索引擎搜索“电影”这个关键词时，出来的结果可能就包括优酷网，能看电影的网站很多很多，当优酷这个网站做了关键词设置，而且设置的比较合理，那么搜索引擎就会把优酷网在结果页面中的位置，排列的比较靠前，越靠前，访问这个网站的用户就越多。试想一下，如果你的网站有看电影的功能，但是如果你的关键词设置不合理，或者干脆没有设置电影这个关键词，而用户并不知道你的网站名，搜索出来的结果中，你的网站排到18页以后了，用户只有翻到18页才能找到你，没有谁有这个耐心是吧。这样你的网站没有用户访问，就不会获得良好的收益。
<meta name="Description" content="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享... 剧集· 综艺· 中国大陆正在热播 中国香港优酷自制 电影· 动漫· 院线大片国漫 免费日漫 少儿· 纪录片...">
这行代码就是页面描述设置。这个页面的描述就是"视频服务平台,提供视频播放,视频发布,视频搜索,视频分享... 剧集· 综艺· 中国大陆正在热播 中国香港优酷自制 电影· 动漫· 院线大片国漫 免费日漫 少儿· 纪录片..."。
设置的网页描述，也会在搜索结果中显示：
也就是说，你的网站主要是做什么业务的，你就把关键词设置为跟这些业务相关的词，描述也是关于你的业务的更为详细具体的描述。
注意：关键词的Keywords，首字母要大写，也不要忘记s，描述的首字母也大写，即Description。如果你写错了，很可能你设置的这些关键词和描述都不起作用。
关键词和描述的meta标签，在用vscode生成HTML5骨架的时候，默认不会存在，需要你手动去写。
假如说我的网站是卖手机的，我就在first.html中可以这样设置关键词和描述：
当用户看到你的描述是不是就会被吸引点击进入你的网站了。
感谢阅读！知识总结不易，请点个赞或转发鼓励一下呗！关注我，从零基础入门基本功扎实的前端工程师。
