下面的代码块有区别吗?
<iframe src="http://example.com" width=100%></iframe>
<iframe src=http://example.com width="100%"></iframe>
两种方法我都试过了,两种方法似乎都有效,但我想问一下,以防万一我需要注意什么?
最佳答案
除
外没有实际区别- 如果您验证您的页面,引号可能会也可能不会 需要避免错误消息,具体取决于所使用的文档类型
- 如果您将具有 XML 内容类型的页面提供给浏览器(这 很少见且很少有用),则需要引号 - 否则 该页面根本不显示,只是一条错误消息
- 如果使用 XML 工具对页面进行了其他处理,则引号是必需的。
否则,仅当属性值包含空格、换行符、Ascii 引号 (")、Ascii 撇号 (')、重音符号 (`)、等号 ( =)、小于号 (<) 或大于号 (>)。因此 style = width:20em
可以工作(尽管它可能看起来有些晦涩),而 style = width: 20em
不会——由于空间原因,您需要编写 style = "width: 20em"
。
为简单起见,许多人总是在所有属性值周围加上引号。其他人认为引号使代码有点困惑,因此尽可能省略。
完全独立于此,src="www.example.com"
表示相对 URL 引用,而不是人们期望的意思。您的意思可能是 src="http://www.example.com"
。
关于带/不带引号的 HTML 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13056683/