开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情

文章概览

meta标签

meta标签在css中的功能是，设置网页中的一些元数据，元数据不是用来给用户看的，其中charset属性用于指定网页的字符集，name用于定义数据的名称，content用来指定数据的内容，keywords用于表示网站的关键字，什么是关键字呢？关键字有什么作用呢？

关键字可以用于搜索，可以同时指定三个关键字，关键字与关键字之间使用逗号隔开。

语法格式

<meta name = "keyswords" content = "HTML5,前端,CSS3">

与关键字类似的属性还有description，不过description是用来描述网站，注意与关键字区别开来。直观的例子是，当百度一个网站时，可以在百度首页看到网站的简单介绍，这个就是description。

当在搜索引擎搜索一个结果时，我们发现点一下词条就会进行跳转，这个可以跳转的文字在哪里呢？这个超链接的文字隐藏在title标签里，即title标签的内容会作为搜索结果的超链接上的文字显示。而点击文字进行的跳转则是由重定向实现的。

代码示例

<meta http-equiv="refresh" content="3;url=https://www.baidu.com">

这段代码的意思是，当点击含超链接的文字时，3秒后就会跳转到url指向的网址。

在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。

1）标题标签：h1 ~ h6（六级标题），从h1到h6重要性逐级递减，h1在网页中的重要性仅次于title标签，搜索引擎首先通过title判断网页的内容，然后是h1。