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