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

1.4 HTML5語法的新變化

為了兼容各個不統一的頁面代碼,HTML5的設計在語法方面做了以下變化。

1.4.1 標簽不再區分大小寫

標簽不再區分大小寫是HTML5語法變化的重要體現,例如:

     <!DOCTYPE html>
     <html>
     <head>
     <title>不再區別大小寫標簽</title>
     </head>
     <BODY>
     人到情多情轉薄,而今真個不多情。
     </body>
     </html>

在IE 11.0瀏覽器中預覽,效果如圖1-11所示。

圖1-11 網頁預覽效果

雖然“<BODY>人到情多情轉薄,而今真個不多情。</body>”中開始標記和結束標記不匹配,但是這完全符合HTML5的規范。用戶可以通過W3C提供的在線驗證頁面來測試上面的網頁,驗證網址為http://validator.w3.org/

1.4.2 允許屬性值不使用引號

在HTML5中,屬性值不放在引號中也是正確的。例如以下代碼片段:

     <input checked="a" type="checkbox"/>
     <input readonly type="text"/>
     <input disabled="a" type="text"/>

上述代碼片段與下面的代碼片段效果是一樣的:

     <input checked=a type=checkbox/>
     <input readonly type=text/>
     <input disabled=a type=text/>

注意:雖然HTML5允許屬性值可以不使用引號,但是仍然建議讀者加上引號。因為如果某個屬性的屬性值中包含空格等容易引起混淆的屬性值,此時可能會引起瀏覽器的誤解。例如以下代碼:

     <img src=ss ch01/1.1.jpg />

此時瀏覽器就會誤以為src屬性的值就是ss,這樣就無法解析路徑中的1.1.jpg圖片。如果想正確解析到圖片的位置,只有添加上引號。

1.4.3 允許部分屬性值的屬性省略

在HTML5中,部分標志性屬性的屬性值可以省略。例如,以下代碼是完全符合HTML5規則的:

     <input checked type="checkbox"/>
     <input readonly type="text"/>

其中,checked="checked"省略為checked,而readonly="readonly"省略為readonly。

在HTML5中,可以省略屬性值的屬性如表1-3所示。

表1-3 可以省略屬性值的屬性

主站蜘蛛池模板: 林甸县| 越西县| 荥阳市| 金溪县| 桐柏县| 蓝山县| 祥云县| 漳平市| 泽普县| 巴中市| 巴彦县| 会宁县| 巴马| 桂林市| 湖口县| 同心县| 宜昌市| 怀柔区| 固始县| 汉阴县| 将乐县| 大埔县| 元江| 修武县| 桑植县| 丹寨县| 华阴市| 合江县| 富平县| 双桥区| 新河县| 开化县| 青神县| 宝鸡市| 临颍县| 胶州市| 蓝田县| 成都市| 佛山市| 确山县| 葵青区|