IE下给li标签增加value后出现的诡异现象

发布于2018-02-09 / 1106次浏览

前言：

今天在做项目的过程中发现了一个很诡异的bug：
IE下value="" 会渲染成value="1"
先看w3c下的文章：http://www.w3school.com.cn/tags/att_li_value.asp
里面有这么一句话：

浏览器支持

尽管不赞成使用 value 属性，不过所有浏览器都支持 value 属性。

兼容性注释

在 HTML 4.01 中，不赞成使用 li 元素的 value 属性；在 XHTML 1.0 Strict DTD 中，不支持 li 元素的 value 属性。

注释：目前，还没有可替代 value 属性的 CSS 解决方案。

查找资料后得出结论：

value是li的一个不规范属性，它不符合w3c标准，但很多浏览器都支持这个属性。这个属性是指定排序列表的序号值，所以默认是整数来的。

对<li>标签来说，四个浏览器的兼容性如下：

心得教训：

value一般用于属于form中的控件元素，比如input，option等。

如果想自定义属性，用data代替~

取消回复

▼

^_^

5 条评论