首页 > PHP资讯 > HTML5培训技术 > 关于html标签自定义属性的问题

关于html标签自定义属性的问题

HTML5培训技术

  点评:对HTML JS没有影响。可以写n多个属性。只要定义的属性名别跟原有默认属性同名就行。这种自定义的属性,浏览器不会去解析

  之前开发都是老老实实的用html默认的属性,如class,name等。跳槽到了华为的外包,做一个商城的系统,用开源框架做的。在编码的时候遇到了以下的情况,在标签里面有很多自定义标签。

<img msrc="<s:property value='#product.images'/>_m" 
src="<s:property value='#product.images'/>_s" style="-ms-interpolation-mode:bicubic;cursor:pointer;" 
onclick="queryProductDetail(this);"
infoType="<s:property value='#product.unitType'/>"
id="<s:property value='#product.unitID'/>" 
moduleId="<s:property value='#product.unitID'/>" 
chsDesc="<s:property value="#product.chsSimpleDesc"/>"
engDesc="<s:property value="#product.engSimpleDesc"/>"
chsName="<s:property value="#product.chsName"/>"
engName="<s:property value="#product.engName"/>"
onerror='checkImageFile(this);'
onload="DrawImage(this,174,116)"/>

  总结了几点:

  1、对HTML JS没有影响。可以写n多个属性。

  2、只要定义的属性名别跟原有默认属性同名就行。

  3、这种自定义的属性,浏览器不会去解析

  4、JS通过 xxx.getAttribute("你写的属性") 就可以获取它的值了

  这样的好处应该显而易见了。以后应该多应用这个。(南京HTML5培训

本文由欣才IT学院整理发布,未经许可,禁止转载。