html，给 <img>标签再加一个自己的属性。这样符合html规范吗？_IT百科

1、首先这肯定是不符合html规范的，但是这不并没有什么不好的影响.

2、现在很多前端框架，都会给标签添加一些自己的属相。例如：bootstrap等等。

3、有时自己书写js交互，也会给标签添加一些自定义的属性来进行区分对待。

总结：自定义属性是不符合规范的，但是作用很强大并且不影响浏览器的编译。是可以使用的方法。

其实这些东西大概在一年前就搞出来了，看了很多有关的文章，现在分享出来，如果对你有些帮助，我还是挺开心的。 因为里面有很多也是我没用过的，实在是用不到，如果觉得有问题，就留言或者微信、邮箱联系我，我们共同探讨。

http-equiv ，顾名思义， 相当于http的文件头作用 ，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

meta标签的http-equiv属性 语法格式 是： <meta http-equiv="参数" content="参数变量值">；

其中http-equiv属性主要有以下几种参数：

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

用法： <meta http-equiv="expires" content="Fri, 12 Jan 2016 18:18:18 GMT">

注意：必须使用GMT的时间格式。

说明：禁止浏览器从本地计算机的缓存中访问页面内容。

用法：<meta http-equiv="Pragma" content="no-cache">

注意：这样设定，访问者将无法脱机浏览。

content内的数字代表时间（秒），即多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）

说明：自动刷新并指向新页面。

用法： <meta http-equiv="refresh" content="2URL=http://www.root.net">(注意后面的引号，分隔在秒数的后面和网址的前面)

注意：其中的2是指停留2秒钟后自动刷新到URL网址。

说明：如果网页过期，那么存盘的cookie将被删除。

用法： <meta http-equiv="Set-Cookie" content="cookievalue=xxxexpires=Friday, 12-Jan-2001 18:18:18 GMT； path=/">

注意：必须使用GMT的时间格式。

说明：强制页面在当前窗口以独立页面显示。

用法： <meta http-equiv="Window-target" content="_top">

注意：用来防止别人在框架里调用自己的页面。

说明：设定页面使用的字符集。

用法： <meta http-equiv="content-Type" content="text/htmlcharset=gb2312">

http-equiv="Content-Type" 表示描述文档类型

content="text/HTML 文档类型，这里为html,如果JS就是text/javascript，

charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8

现在有更为简洁的<meta charset=“utf-8” />

用法： <meta http-equiv="Content-Language" content="zh-cn" />

如果安装了GCF，则使用GCF来渲染页面，如果没安装GCF，则使用最高版本的IE内核进行渲染。

http-equiv="X-UA-Compatible"，这个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式

name属性来表述 页面文档的元信息 ，通过http-equiv属性设置http请求指令，通过charset设置页面的字符编码。

每个网页应具有描述该网页内容的一组唯一的关键字

每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签

robots是一组使用逗号(,)分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow

能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。

大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px

只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent

国内浏览器很多都是双内核（webkit和Trident），webkit内核高速浏览，IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染<meta name="renderer" content="webkit|ie-comp|ie-stand">

content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。

这里特别需要说明一下，有一次一个朋友问360的首页或者天猫之类的大网站，发现不只是优先使用webkit内核，而是只有这一种选择，根本没有兼容模式的选择，为什么呢？

找了好长时间才找到一个靠谱点的答案：如果想要实现这么一个功能，需要跟他们合作，具体是怎么一种方式如果有需要可以跟联系他们的客服吧，或者是你知道这究竟是怎么一回事，也可以跟我说一下。

以淘宝为例

淘宝xTao为外部合作伙伴提供的一套跟踪引导成交效果数据的解决方案

这个一般是需要前端来 *** 作的，因为后台只是提供数据而已，并不知道你的页面到底是干什么的也不知道你的页面是如何展示的，前端来 *** 作也不会一直手动改呀，用JS动态改变就可以了，这时需要后台提供一个数据（比如关键字什么的），然后前端收到后，JS中直接添加给a标签的tittle即可。JS中可以用setAttribute('title', 要改的值)即可。

<!DOCTYPE html>

<head>

*{margin: 0 padding: 0}

</style>

</head>

<body>

<a href="###" title="abc">aaaaaa</a>

var a = document.getElementsByTagName('a')[0]

a.setAttribute('title', 'bbbbbbb')

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11617754.html

html，给 <img>标签再加一个自己的属性。这样符合html规范吗？

发表评论

评论列表（0条）

html，给 &lt;img&gt;标签再加一个自己的属性。这样符合html规范吗？

发表评论

评论列表（0条）

html，给 <img>标签再加一个自己的属性。这样符合html规范吗？