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

  发布时间:2013-10-22 10:30:05   作者:佚名   我要评论
对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("你写的属性") 就可以获取它的值了

这样的好处应该显而易见了。以后应该多应用这个。

相关文章

  • html table+css实现可编辑表格的示例代码

    本文主要介绍了html table+css实现可编辑表格的示例代码,主要使用HTML5的contenteditable属性,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习
    2024-03-06
  • HTML中使用Flex布局实现双行夹批效果

    本文主要介绍了HTML中使用Flex布局实现双行夹批效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习
    2024-02-22
  • HTML+CSS实现炫酷登录切换的项目实践

    在网站开发中,登录页面是必不可少的一部分,本文就来介绍一下HTML+CSS实现登录切换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需
    2024-02-02
  • HTML+CSS实现全景轮播的示例代码

    本文主要介绍了HTML+CSS实现全景轮播的示例代码,实现了一个简单的网页布局,其中包含了五个不同的盒子,每个盒子都有一个不同的背景图片,并且它们之间有一些间距,下面就
    2024-02-02
  • 圣诞节制作一颗HTML的圣诞树

    来到圣诞节了,那么就可以制作一颗HTML的圣诞树送给朋友,没有编程基础的小白也可以按照步骤操作也可以运行起来代码的,喜欢的朋友快来体验吧
    2023-12-26
  • 如何将html的radio单选框自定义样式为正方形和对号

    如何能把html的<input type="radio" name="option">改成自定义的样式呢?比如想要把他变成正方形,选中的时候是对号,默认的样式太丑了,今天给
    2023-12-14
  • HTML介绍以及常用代码总结

    这篇文章详细的为大家介绍了HTML以及总结了HTML常用标签,包括标题、段落、图片、链接、列表、表格、表单等,通过代码示例给大家介绍的非常详细,需要的朋友可以参考下
    2023-11-20
  • HTML文档类型声明标签(入门级教程)

    HTML文档声明的作用就是告诉浏览器使用哪种HTML版本来显示网页,文档声明都是再页面中第一行的位置通过DOCTYPE html,下面脚本之家小编就为大家分享一下
    2023-11-17
  • html网页制作代码大全(html常用标记)

    如果您正在学习HTML,那么您可能需要一些相关的代码来帮助您构建复杂的页面并将其结构化为各种元素,在本文中,我们将分享一些HTML代码片段,这些片段可用于创建各种功能和
    2023-11-17
  • HTML嵌入CSS样式的四种实现方法

    CSS 样式既可以作为单独的文件(.css类型的文件)引入到 HTML 文档中,本文主要介绍了HTML嵌入CSS样式的四种实现方法,具有一定的参考价值,感兴趣的可以了解一下
    2023-11-03

最新评论