日期:2014-05-17  浏览次数:20666 次

请教一个有关链接<a>标签属性的问题!!
我在一个网页源代码中看到如下一个链接代码:

<span id="mobile_area"><a class='button button-green' href='###' data-target='#contact_modal' data-toggle='modal'>点击查看联系方式</a></span>

请问<a>中的data-target和data-toggle属性是什么意思? 我在网上找了老半天也没找到<a>有这两种属性!
------解决方案--------------------
赵亮(碧海情天):这是自定义的属性。元素标签可以这样增加自定义属性,然后在JS中取该元素的这些属性进行利用。比如这里data-target='#contact_modal'指明了要显示联系方式的DIV或其它显示元素的ID,显示的时候就会先取A链接的这个属性,就知道了它指定的对象,再在那个对象里显示信息就行了。data-toggle='modal'是指显示信息的方式是霸占焦点的模式化方式。既然是编写者自定义的属性,为什么我能知道它们的作用呢?那就是自定义属性的写法规范,好的编写规范就能起到这个作用。
------解决方案--------------------
引用:
如何自定义属性,在CSS里吗

这是HTML5的标准,你直接给一个HTML元素加一个属性,属性名称可以随便。这就产生了一个自定义属性了。虽然名称可以随便,但约定自定义属性通常带有data-前缀