标签用于提供html文档的元信息(metadata)。这些信息不会显示在页面上,但会被浏览器或搜索引擎用来识别页面的编码方式、关键字、描述、作者信息、刷新时间等。
charset
:指定文档的字符编码
name="description"
描述页面的内容摘要。这对SEO(搜索引擎优化)很重要。
name="keywords"
页面的关键字,对SEO也有帮助。
name="author"
页面的作者
http-equiv
用于模拟HTTP响应头。例如,设置页面的刷新间隔:
viewport
控制视口对于响应式设计,meta标签还可以控制移动设备上的视口大小,确保不同尺寸上的屏幕上正确显示:
这里,width=device-width
使得视口宽度与设备宽度相匹配,initial-scale=1
保证页面以1:1的比例渲染。
og:*
属性Open Graph协议允许你将你的网页变成Facebook和其他社交平台上的丰富对象。
twitter:*
属性Twitter Cards允许你在Twitter上分享更丰富的链接预览: