下面的代碼塊有什么區(qū)別嗎？

<iframe src="http://example.com" width=100%></iframe>

<iframe src=http://example.com width="100%"></iframe>

這兩種我都試過(guò)了，似乎都有效，但我只是問(wèn)一下，以防有什么東西我需要小心？

沒(méi)有實(shí)際的區(qū)別，除了

如果您驗(yàn)證您的頁(yè)面，引號(hào)可能會(huì)，也可能不會(huì) 根據(jù)所使用的文檔類(lèi)型，需要避免錯(cuò)誤消息 如果您向?yàn)g覽器提供XML內(nèi)容類(lèi)型的頁(yè)面(它 很少使用),則需要引號(hào)——否則 該頁(yè)面根本不顯示，只是一條錯(cuò)誤消息 如果頁(yè)面是用XML工具處理的，引號(hào)是必要的。 否則，只有當(dāng)屬性值包含空格、換行符、Ascii引號(hào)(")、Ascii撇號(hào)(')、重音符(`)、等號(hào)(=)、小于號(hào)(& lt)，或者大于號(hào)(>)。因此，style = width: 20em可以工作(盡管它可能看起來(lái)有些晦澀)，而style = width:20em不行——由于空間的原因，您需要編寫(xiě)style = "width: 20em "。

為了簡(jiǎn)單起見(jiàn)，許多人總是在所有屬性值周?chē)由弦?hào)。還有人覺(jué)得引號(hào)讓代碼有點(diǎn)亂，所以盡可能省略。

與此完全無(wú)關(guān)，src="www.example.com "指的是相對(duì)的URL引用，而不是人們期望的意思。你可能指的是src="http://www.example.com "。

根據(jù)W3C，有四種類(lèi)型的屬性語(yǔ)法:

空屬性語(yǔ)法 未加引號(hào)的屬性值語(yǔ)法 單引號(hào)屬性值語(yǔ)法 雙引號(hào)屬性值語(yǔ)法 這些確實(shí)適用于HTML5，但是當(dāng)提到& lthtml 5 W3C表示，基于文檔類(lèi)型(例如，嚴(yán)格、過(guò)渡等),需要引號(hào)(單引號(hào)或雙引號(hào))。)用過(guò)。

不，兩個(gè)是一樣的..

在HTML 5中，屬性的引號(hào)是可選的。(除非該值包含空格或特殊字符)

但是我覺(jué)得用引號(hào)將它們括起來(lái)是更好的做法..

屬性名，后跟零個(gè)或多個(gè)空格字符，后跟一個(gè)U+003D等號(hào)字符，后跟零個(gè)或多個(gè)空格字符，再后跟屬性值，除了上面給出的屬性值要求之外，不得包含任何文字空格字符、任何U+0022引號(hào)字符(& quot)、U+0027撇號(hào)字符(')、U+003D等號(hào)字符(=)、U+003C小于號(hào)字符(& lt)，U+003E大于號(hào)字符(& gt)，或者U+0060重音符字符(`)，并且不能是空字符串。

來(lái)源:W3 HTML5規(guī)范-sec 8.1.2.3。屬性

這是谷歌的最佳實(shí)踐——“最小化有效載荷大小” https://developers . Google . com/speed/docs/best-practices/payload (我的重點(diǎn))

要確保內(nèi)容壓縮良好，請(qǐng)執(zhí)行以下操作: ... 對(duì)HTML標(biāo)簽屬性使用一致的引用， 即總是單引號(hào)，總是雙引號(hào)，或者盡可能不加引號(hào)。

這完全是關(guān)于HTML標(biāo)記的真正有效性。這就是W3C (WWW聯(lián)盟)工作的目的。許多東西在HTML中可能是可行的，但是它們必須被驗(yàn)證，以便被web瀏覽器更仔細(xì)地識(shí)別。您甚至可以省略& lthtml & gt并且& lt/html & gt；標(biāo)簽，但這是不推薦的，沒(méi)有人這樣做，它被認(rèn)為是一個(gè)“壞代碼”。

因此，將它們放在引號(hào)中更有效。