<meta />标签

<meta />元素可提供有关页面的元信息
    1. 启动或禁用自动识别页面中的电话号码
<meta name="format-detection" content="telephone=no" />

默认情况下,设备自动识别可能是电话号码的字符串

  • 2.关键字
<meta name="keywords" content="关键字内容" />

多个关键字时,用逗号分开,关键字数量最好10个以内

  • 3.描述页面内容
<meta name="description" content="描述该页面" />
  • 4.作者
<meta name="author" content="作者名" />
  • 5.最常使用的viewport
<meta name="viewport" content="width=decive-width,initial-scale=1,maximum-scale=1,user-scalable=0" />

用于移动端

  • 6.是设置Web应用是否以全屏模式运行
<meta name="apple-mobile-web-app-capable" content="yes" />

默认正常显示,可以通过属性window.navigator.standalone来确定网页是否以全屏模式显示,该属性为只读形式

HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容

  • 7.刷新页面

设定让网页每一段时间自动刷新

<Meta http-equiv="Refresh" content="30;Url=http://www.xia8.net" />

其中URL表示到指定时间自动跳转到指定页面

  • 8.基链接base
<Base href="http://www.baidu.com/" target="_blank">

你网页上的所有相对路径在链接时都将在前面加上“http://www.baidu.com/”。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性 1. nam...
    Maggie_77阅读 3,490评论 1 1
  • 先附上几篇网上查找的关于meta标签的资料、文章,看完这个几篇文章后,会对meta标签有一定的了解!HTML me...
    米斯特卢阅读 5,563评论 0 2
  • 其实这些东西大概在一年前就搞出来了,看了很多有关的文章,现在分享出来,如果对你有些帮助,我还是挺开心的。因为里面有...
    其心阅读 7,568评论 0 8
  • W3School say meta 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的...
    bpup阅读 4,088评论 0 0
  • 之前学习前端中,对meta标签的了解仅仅只是这一句。 <mate charset="UTF-8"> 但是打开任意的...
    唯爱述虞谁阅读 3,660评论 0 1