html等号和冒号之间的区别

时间:2014-06-26 08:50:04

标签: html

在属性中分配值时,使用=和:有什么区别? 例如:

<p style="width=100px, height:1000px"></p>

有没有人有一个可靠的来源来说明2和它们的适当用法之间的区别?

4 个答案:

答案 0 :(得分:1)

=用于为HTML元素中的属性赋值。 :用于为基于css的属性赋值。

示例

HTML

<p id="p1" height="100px">

CSS

body{
background-color:red;
}

在您的示例中<p style="width=100px..."错误,您使用=为style属性赋值,但该style属性中的css属性仅使用:获取值。另外,您无法将css属性与,分开,您必须使用;来分隔它们。正确的版本将是

<p style="width:100px; height:1000px"></p>

答案 1 :(得分:0)

p是具有属性style的段落的html元素,用于分配内联 CSS 。使用CSS,您可以使用

为css-properties分配值
propertie : value;

所以它类似于对包含以下内容的css文件的引用:

p{
    width: 100px;
    height: 1000px;
}

答案 2 :(得分:0)

首先,style属性中的 width = 100px 无效。

第二件事,你忘记了每个属性末尾的分号;

最后我不认为有一个可靠的来源可以说明2和它们之间的区别,因为它们没有关系。

如前所述,等号= 用于为 HTML属性分配值,而冒号:为用于为样式属性赋值。

PS:您的段落元素应如下所示:

<p style="width:100px; height:1000px;"></p>

答案 3 :(得分:0)

等号“=”是HTML中属性名称和属性值之间唯一有效的分隔符,但它周围可能会出现任意数量的空格(没有任何意义)。对此的权威参考是您认为最具权威性的HTML规范(或草案)。对于HTML 4.01,它有点棘手,因为HTML 4.01名义上基于SGML并且规范地引用它,因此SGML标准ISO 8879(在线不可用)将具有权威性。对于许多被视为事实上的标准的HTML5 LC,HTML语法的定义在第8.1.2.3节Attributes中。

style属性的内容语法完全在HTML之外。实际上它是CSS的问题,而在CSS中,你不设置属性,你设置属性。在CSS声明中,冒号“:”(包含可选的空格)是属性名称和值之间的分隔符。所有CSS规范都同意这一点。因此,样式表width=100px, height:1000px具有无效的声明width=100px,将被忽略。声明height:1000px本身是有效的,但因为它没有用前面的分号“;”与前面的声明正确分开。由于CSS错误处理规则,将忽略整个样式表。