html 中meta标签相关属性及其实例大全

- 日理万妓 2022-05-14 14:43 209阅读 0赞

meta标签共有两个属性：`http-equiv`和`name`

`  `name属性主要用于描述网页，与之对应的属性值为content,name常用的有viewport、keywords、description、author等

eg:

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

http-equiv顾名思义，相当于http协议中文件头的作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，name常用的有content-Type(设定网页字符集)(推荐使用HTML5的方式)、X-UA-Compatible(浏览器采取何种版本渲染当前页面)、cache-control(指定请求和响应遵循的缓存机制)、 expires(网页到期时间)、Set-Cookie(cookie设定)

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection"content="telephone=no, email=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telphone=no, email=no" />
    
    <meta name="renderer" content="webkit">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <meta name="HandheldFriendly" content="true">
    
    <meta name="MobileOptimized" content="320">
    
    <meta name="screen-orientation" content="portrait">
    
    <meta name="x5-orientation" content="portrait">
    
    <meta name="full-screen" content="yes">
    
    <meta name="x5-fullscreen" content="true">
    
    <meta name="browsermode" content="application">
    
    <meta name="x5-page-mode" content="app">
    
    <meta name="msapplication-tap-highlight" content="no">
    
    
    <meta http-equiv="content-Type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />
    <meta http-equiv="refresh" content="2；URL=http://www.lxxyx.win/">
    <meta http-equiv="Set-Cookie" content="name, date"> //格式
     
    <meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT">

> **head标签内部设置参考大全传送门：[https://github.com/joshbuchea/HEAD\#table-of-contents][https_github.com_joshbuchea_HEAD_table-of-contents]**

[https_github.com_joshbuchea_HEAD_table-of-contents]: https://github.com/joshbuchea/HEAD#table-of-contents

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML meta标签content属性

content="IE=edge,chrome=1"作用这是一个HTML meta标签，它位于HTML文档的头部，作为网页的元数据之一。content=“IE=edge

心已赠人/ 2023年10月08日 21:13/ 0 赞/ 57 阅读

相关 html meta标签

> `<meta />`标签位于文档头部(head标签内)，可用于定义文档内的元数据（采用键值对的格式）一、通用属性 `content`: 元数据的值 > 元数

╰半橙微兮°/ 2022年12月23日 03:28/ 0 赞/ 159 阅读

相关 html的meta总结，html标签中meta属性使用介绍

前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引

àì夳堔傛蜴生んèń/ 2022年08月20日 09:30/ 0 赞/ 255 阅读

相关 meta标签大全（荐）

html的meta总结（常用） 1、Meta标签大全  <meta charset='utf-8'>

落日映苍穹つ/ 2022年07月30日 13:55/ 0 赞/ 214 阅读

相关 html中meta标签详解

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：　　＜head＞　　＜meta http-equiv="co

刺骨的言语ヽ痛彻心扉/ 2022年07月28日 01:18/ 0 赞/ 262 阅读

相关 HTML中img标签及相关属性

img标签及其相关属性，借用书中的一张图片即可说明一切。 ![这里写图片描述][20160516223949805] [20160516223949805]: /ima

浅浅的花香味﹌/ 2022年07月24日 07:13/ 0 赞/ 353 阅读

相关 html meta 标签

通常所说的META标签，是在[HTML][]网页源代码中一个重要的[html标签][html]。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、

ゝ一纸荒年。/ 2022年07月13日 05:10/ 0 赞/ 246 阅读

相关 HTML meta标签总结,HTML5 head meta属性整理

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。链接:[http://caibaojian.com/mobile-meta.html\comme

水深无声/ 2022年06月09日 08:44/ 0 赞/ 256 阅读

相关 html meta标签大全

keywords,description(经常用到的两个) 页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开 <meta name="k

绝地灬酷狼/ 2022年06月04日 00:18/ 0 赞/ 290 阅读

相关 html 中meta标签相关属性及其实例大全

meta标签共有两个属性：`http-equiv`和`name` ` `name属性主要用于描述网页，与之对应的属性值为content,name常用的有viewport、k

- 日理万妓/ 2022年05月14日 14:43/ 0 赞/ 210 阅读