2013-02-16 30 views
2

我已经看到一些源代码,发现是这样的:这个HTML代码的含义是什么?

<div class="classname {height: 300px; width: 200px}"></div> 

我知道元素的造型可通过style=""属性。

你能告诉我这段代码的含义吗?

+2

这看起来像是一个错误的框架调用给我。 – Sirko 2013-02-16 14:32:55

回答

6

在HTML规范中,它本身没有任何意义。您正在查看的网站可能使用了一些JavaScript代码来解释此class属性,并根据它解析的值执行一些操作。没有JavaScript,这什么都不做。在HTML中,class属性用于指定要关联到此元素的CSS类名。

例如,jQuery.validate插件使用类似的技术,允许您指定内联验证规则。实际上插件使用data-*属性而不是class这对于这些类型的任务在语义上更加正确。

+0

所以用'data'代替它并没有什么不同,对吧? – 2013-02-16 14:38:14

+1

不,这没有什么不同。使用'data- *'属性代替这种类型的任务在语义上更加正确。它们专门为此目的而设计,并允许您将一些附加元数据关联到DOM元素。 – 2013-02-16 14:39:05

+0

明白了,非常感谢您的快速回答(: – 2013-02-16 14:42:07