被需要的元素被埋起来的方法

1、最简单的方法就是在html代码中增加标签

如：将房间中的会员信息加入

然而我们一般不这么做，因为太多的width:0px;height:0px;overflow:hidden;有可能会被搜索引擎认为是作弊。

2、H5新增了data-XXX 自定义属性，可以用于嵌套自定义属性。

这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。

<span data-code="123" id="aa">456</span>

可以通过document.getElementById('aa').dataset.code获取到其值123

jQuery可以用$('#aa').data('code')获得

这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。

<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li> 
<li data-animal-type="spider">Tarantula</li> 
</ul>

data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。

data-* 属性包括两部分：

• 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
• 属性值可以是任意字符串