闲聊什么时候可以维护好

書名： HTML5+CSS3+JavaScript 從入門到項目實踐（超值版）
作者名：聚慕課教育研發中心
本章字數： 480字
更新時間： 2020-06-29 17:37:17

2.2 HTML 5的語法變化

HTML 5為了兼容互聯網中不規則的代碼，在語法上有一部分的變化，下面具體介紹。

2.2.1 標簽不再區分大小寫

標簽不再區分大小寫，代碼如下：

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>標簽不再區分大小寫</title>
      </head>
      <body>
      <span>標簽不再區分大小寫</Span>
      </body>
      </html>

在IE瀏覽器中運行的結果如圖2-1所示。

圖2-1 標簽不區分大小寫

雖然“<span>標簽不再區分大小寫</Span>”中開始標簽和結束標簽不匹配，但是這完全符合HTML 5規范。用戶可以通過W3C提供的在線驗證頁面來測試上面的網頁，驗證網址為http://validator.w3.org/。

2.2.2 元素可以省略結束標簽

HTML 5顯得比較寬容，它允許一部分HTML標簽省略結束標簽，甚至允許同時省略開始和結束標簽，代碼如下：

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>元素可以省略結束標簽</title>
      </head>
      <h1>元素可以省略結束標簽</h1>

在IE瀏覽器中運行的結果如圖2-2所示。

圖2-2 省略結束標簽

雖然<html>標簽沒有結束標簽，<body>開始標簽和結束標簽都沒有，但這個頁面是合法的。

2.2.3 支持boolean值的屬性

在HTML中有一些元素的屬性，當只寫屬性名稱而不指定屬性值時，表示屬性值為true，如果設置該屬性值為false，則不使用該屬性即可，代碼如下：

      <input type="text" readonly="true">
      <input type="text" readonly>

2.2.4 允許屬性值不使用引號

在HTML 5中，屬性值不使用引號也是正確的，代碼如下：

      <body>
      <input type=text>
      <input type=checkbox>
      </body>

注意：如果某個屬性值的屬性值包含空格等，容易引起瀏覽器混淆的屬性值，那么建議讀者使用引號把它的屬性值引起來。

官术网_书友最值得收藏!

HTML5+CSS3+JavaScript 從入門到項目實踐（超值版）

2.2 HTML 5的語法變化

2.2.1 標簽不再區分大小寫

2.2.2 元素可以省略結束標簽

2.2.3 支持boolean值的屬性

2.2.4 允許屬性值不使用引號