位置：首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5與舊版本的兼容性

提問人：劉團圓發(fā)布時間：2020-11-13

HTML5中規(guī)定的語法，在設計上兼顧了與現有HTML之間最大程度的兼容性。例如，在Web上通常存在<p>元素沒有結束標簽等HTML現象。HTML5不將這些視為錯誤，反而采取了“允許這些錯誤存在，并明確記錄在規(guī)范中”的方法。因此，盡管與XHTML相比標記比較簡潔，然而在遵循HTML5的Web瀏覽器中也能保證生成相同的DOM。

  1.可以省略的標簽

  在HTML5中，有些元素可以省略標簽。具體來講，有以下三種情況：

      必須寫明結束標簽。包括area、base、br、col、Command、embed、he、img、input、 keygen、link、meta、param、source、  track和wbr。只需要標記空元素標簽，如 “/>”。 例如，<br></br>的寫法是錯誤的。應該寫成<br/>。當然，沿襲下來的<br>寫  法也是允許的。

      可以省略結束標簽。包括li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、 tbody、tfoot、tr、td和th。

      可以省略整個標簽。包括html、head、Body等。需要注意的是，雖然這些標簽可以省略，但實際是確實存在的。例如，<body>標  簽可以省略，但是在D0M樹上是確實可以訪問到的，永遠都可以用document.body來訪問。

  2.取得boolean值的屬性

  取得布爾值的屬性，ftPdisabled, readonly等，通過省略屬性的值來表達值為true。如果要表達值為fafse,則直接省略屬性本身即可。此外，通過寫明屬性值來表達值為true時，可以將屬性的值設置為屬性名本身，也可以將值設置為空字符串，代碼如下：

   〈select name="" id="">

   〈option value=""〉下面二個selected屬性都是代表元素被默認選中</option〉

   〈option value=""  selected="">items01</option>

   〈option value=""  selected>items02</option>

   〈option value=""  selected="selected">items03</option>

    </select>

  3.省略屬性的引用符

  設置屬性時，可以使用雙引號或單引號來引用。HTML5語法則更進一步，只要屬性值不包含空格、“<”“>”“"”“`”“=”等字符，都可以省略屬性的引用符。

    下面的代碼演示如何省略屬性的引用符：

    <form action="#" mrthod="post">

      <! --下面三個文本框的寫法是允許的-->

     〈input type="text">

     〈input type=`text1`>

     〈input type=text>

    </form>

繼續(xù)查找其他問題的答案？

相關視頻回答
回復(0)
返回頂部