HTML meta
创始人
2024-12-14 13:33:16

标签用于提供html文档的元信息(metadata)。这些信息不会显示在页面上,但会被浏览器或搜索引擎用来识别页面的编码方式、关键字、描述、作者信息、刷新时间等。

基本语法

 

常见的name和content属性

  • 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上分享更丰富的链接预览:

     

相关内容

热门资讯

长光卫星8颗卫星今日出征 将于... 5月17日,长光卫星技术股份有限公司在吉林省航天信息产业园举行“文物01星”、“彩云光学01星”、“...
管网式七氟丙烷气体灭火装置厂家... 导语:管网式七氟丙烷气体灭火装置作为高效环保的消防设备,广泛应用于工业厂房、电力设施、档案馆等场景。...
让好故事更好抵达观众(人文茶座... 牛梦笛 打开手机,嫦娥奔月的故事在AI(人工智能)影像里重现;节气传说、上古神话,在小小屏幕间次第展...
蜂巢能源申请电池模组和电池包专... 国家知识产权局信息显示,蜂巢能源科技股份有限公司申请一项名为“电池模组和电池包”的专利,公开号CN1...
乐道做对了,也稳住了 “两年前,乐道品牌第一次和大家见面。那时候有人问:中国市场还需要一个新品牌吗?纯电品牌真的能活下来吗...