HTML中div里有data-index="6" 是什么意思?

HTML中div里有data-index="6" 是什么意思?,第1张

HTML中div里有data-index="6" 是自定义属性data-index的值为6的意思。

自定义数据属性的好处:

我们经常需要存储与不同DOM元素相关的信息。这些信息对读者来说可能并不重要,但如果

能够轻松访问它,将使我们的开发人员的生活变得更加轻松。

例如,假设您在网页上列出了不同的餐馆。在HTML5之前,如果您想存储有关餐馆提供的食物

类型或访问者距离的信息,您可以使用HTML class属性。如果您还需要存储餐厅id以查看用户

想要访问的特定餐厅,该怎么办?

为了摆脱这些问题,HTML5引入了自定义数据属性。名称以元素开头的元素的所有属性data-

都是数据属性。您还可以使用这些数据属性来设置元素的样式。

接下来,让我们深入了解数据属性的基础知识,并学习如何在JavaScript中访问它们的值。

正如我之前提到的,数据属性的名称将始终以data-。这是一个例子:

<li data-type="veg" data-distance="2miles" data-identifier="10318">

Salad King</li>

您现在可以使用这些数据属性来搜索和排序访问者的餐馆。例如,您现在可以向他们展示一定

距离内的所有素食餐厅。

扩展资料:

使用自定义属性的注意事项:

1、存储在这些属性中的数据应为string类型。任何可以进行字符串编码的东西也可以存储

在数据属性中。所有类型的转换都需要在JavaScript中完成。

2、只有在没有其他适当的HTML元素或属性时才应使用数据属性。例如,在元素class中存

储元素是不合适的data-class。

3、除data-前缀外,有效自定义数据属性的名称必须仅包含字母,数字,连字符( - ),点

(。),冒号(:)或下划线(_)。它不能包含大写字母。

1、番薯

俗称甘薯、山芋、红薯。性平,味甘,有补脾和血、益气通便的作用。《随息居饮食谱》中说:“煮食补脾胃,益气力,御风寒,益颜色。”《纲目拾遗》认为番薯能“补中,暖胃,肥五脏”。脾虚之人,可用番薯当主粮,常食之。

2、薏苡仁

味甘淡,属性微寒。具有利水渗湿和止泻的作用。对于腹泻、食欲下降等脾虚症状都适用。

3、粳米

又被称为“大米”。性平味甘,对于脾胃以及肌肉的保健都具有益处。可以用来治疗、改善因脾虚所致身体消瘦、烦闷、泄泻、下痢等症状。

4、胡萝卜

胡萝卜可以健脾除疳。胡萝卜含有的维生素A,是人体正常生长发育所必需的物质,能促进婴儿生长发育。萝卜富含植物纤维,能加强肠道蠕动,达到利膈宽肠的目的。同时胡萝卜还可补肝明目、增强免疫力和降血脂。

5、玉米

玉米可以益中补脾。中医认为,玉米可使尿素、尿酸的排泄量增加,具有消肿利尿、降脂降压、益中补脾的作用。鲜玉米中含有大量的维生素E、A。维生素E能延缓人体衰老,减轻血管硬化和脑功能衰退维生素A对干眼症及神经麻痹有辅助治疗作用。

/iknow-pic.cdn.bcebos.com/cc11728b4710b9122f3210e5cdfdfc039245223e"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/cc11728b4710b9122f3210e5cdfdfc039245223e?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/cc11728b4710b9122f3210e5cdfdfc039245223e"/>

扩展资料:

养脾最忌讳的4件事

1、一忌养脾无常。即养脾不是某个季节的事情,而是应该像吃饭喝水一样每天都去做。

2、二忌冷。要养脾,就不能喝太多的饮料,特别是冰饮料,不管是凉的饮料还是瓜果,都不能吃,过凉伤脾。

3、三忌甜。我们提倡甜健脾,但过甜则伤脾,甜要有个度。

4、四忌多。吃太撑了容易伤脾胃,所以吃任何东西都应该七八分饱。

参考资料来源:/shipin.people.com.cn/n1/2016/0225/c85914-28149239.html"target="_blank"title="人民网-饮食健脾推荐食谱搭配">人民网-饮食健脾推荐食谱搭配


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7585410.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存