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

- 日理万妓 2022-05-14 14:43 240阅读 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 条评论，240人围观）

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

相关阅读

相关 HTML meta标签content属性

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

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

相关前端常用meta标签属性总结大全

前端meta标签属性功能作用总结 <meta charset="UTF-8"> <!-- charset 属性规定 HTML 文档的字符编码

小灰灰/ 2023年06月08日 04:53/ 0 赞/ 33 阅读

相关 html中meta标签相关

1、meta name=“viewport” content="width=device-width, initial-scale=1.0, minimum-scale=1.0

╰+哭是因爲堅強的太久メ/ 2023年02月26日 04:27/ 0 赞/ 27 阅读

相关 html meta标签

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

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

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

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

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

相关 html中meta标签详解

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

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

相关 html meta 标签

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

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

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

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

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

相关 html meta标签大全

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

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

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

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

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