”等特殊符號,則其可以保持不帶引號的格式。"/> ”等特殊符號,則其可以保持不帶引號的格式。">

首頁  >  文章  >  web前端  >  html5屬性值可以忽略引號嗎

html5屬性值可以忽略引號嗎

青灯夜游
青灯夜游原創
2022-01-18 11:02:192926瀏覽

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

html5屬性值可以忽略引號嗎

#本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

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

##W3C工作草案(2011年1月13日):

該屬性值可以保持不含引號的,如果它不包含空格或任何的

"'`=<> 等特殊符號

HTML中屬性值是否加引號規則詳解

說明:

當屬性值是一個單字或一整串(中間不含空格)的字元時:可以不加引號

當屬性值是多個單字或一整串(中間含空格)的字元時:需要加引號

備註:以上是老師的原話,個人實驗發現,具體加不加引號是以是值中否存在空格而定,有空格加引號,沒有可以不加【但是為了良好的程式設計習慣,建議兩種情況都加引號】

實驗:

情況一:素材名稱(名字中沒有空格):

 程式碼①(值帶引號):

<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一些容易忽略的細節

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

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

  • 屬性的數字值無需輸入單位,只需輸入數值本身即可。如標籤中的height和width等。

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

  • 標籤中還有一個特殊的布林屬性值。這種屬性值是可選的,如果出現就表示為true。如果非要填值,就填入本身。如hidden="hidden"。

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

  • 標籤img中的alt屬性作用是如果圖片沒有載入成功或只是透過僅文字顯示的遊覽器(極少)存取會顯示該文字,螢幕閱讀器會朗讀該文字(無障礙存取)。

  • title 標籤必須位於head標籤的內部,並且位於字元編碼meta標籤的後面。

相關推薦:《

html影片教學

以上是html5屬性值可以忽略引號嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn