html5屬性值能忽略引號嗎

這篇文章主要講解了“html5屬性值能忽略引號嗎”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“html5屬性值能忽略引號嗎”吧！

html5屬性值可以忽略引號。在html5中，標簽中屬性值兩邊的引號是可選的，如果該屬性值不包含空格或任何的“"”、“'”、“`”、“=”、“<”、“>”等特殊符號，則其可以保持不帶引號的格式。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5 可以用單引號、雙引號、無引號，其標簽中屬性值兩邊的引號是可選的。不過習慣上還是會寫上。

W3C工作草案（2011年1月13日）：

該屬性值可以保持 不帶引號的，如果它不包含空格 或任何的"、'、`、= 、<、> 等特殊符號

HTML中屬性值是否加引號規(guī)則詳解

說明：

當屬性值是一個單詞或者一整串（中間不含空格）的字符時：可以不加引號

當屬性值是多個單詞或者一整串（中間含空格）的字符時：需要加引號

備注：以上是老師的原話，個人實驗發(fā)現(xiàn)，具體加不加引號是以是值中否存在空格而定，有空格加引號，沒有可以不加【但是為了良好的編程習慣，建議兩種情況都加引號】

實驗：

情況一：素材名稱（名字中沒有空格）：

代碼①（值帶引號）：

<img src="images/163logo.gif" alt="logo"/>

正常顯示

代碼②（值不帶引號）：

<img src=images/163logo.gif alt="logo"/>

正常顯示

情況二：素材名稱（名字中有空格）：

代碼①（值帶引號）：

<img src="images/163 logo.gif" alt="logo"/>

正常顯示

代碼②（值不帶引號）：

<img src=images/163 logo.gif alt="logo"/>

圖片未找到

總結：由此可見，值中存在空格，值必須加引號，若值中沒有空格，加不加都可以

擴展知識：html5一些容易忽略的細節(jié)

• 在html5中，空元素結尾處的空格和斜杠是可以忽略的。

• 標簽中屬性值兩邊的引號是可選的。不過習慣上還是會寫上。

• 屬性的數(shù)字值無需輸入單位，只需輸入數(shù)值本身即可。如標簽中的height和width等。

• 標簽中有的屬性只接受預定義值（也稱為枚舉值）。一定要用小寫字母寫枚舉值。如input的type。有的屬性可以是任意值，如input的Value。

• 標簽中還有一種特殊的布爾屬性值。這種屬性值是可選的，如果出現(xiàn)就表示為true。如果非要填寫值，就填寫本身。如hidden="hidden"。

• html的命名規(guī)范：最好是全部用小寫字母，單詞之間用 - （短橫線）來分割單詞，擴展名用.html（雖然也可以用.htm表示html頁面）。

• 標簽img中的alt屬性作用是如果圖片沒有加載成功或者只是通過僅文本顯示的游覽器（極少）訪問會顯示該文字，屏幕閱讀器會朗讀該文字（無障礙訪問）。

• title 標簽必須位于head標簽的內(nèi)部，并且位于字符編碼meta標簽的后面。

感謝各位的閱讀，以上就是“html5屬性值能忽略引號嗎”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對html5屬性值能忽略引號嗎這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！