html5含義及特點 2023年9月5 第一講

html5的發展史

html

xhtml2023年出來的，增加了一些新的功能比如div代替table(table的不足，巢狀太多，div是模組化，指向那一塊，定向靈活)

html5增加了好多屬性，mail型別（會自動設定，text為mail型別） required 屬性定位

1.新的html元素，增強描述內容的能力

html的主任務是描述頁面的架構，例如在

元素之間的文字內容，html將告訴瀏覽器這些文字是乙個段落。

在html 5中將增加更多的html元件

，給網頁開發者提供更好的，更精確的方式來描述資料物件。請看以下的對比情況：

該布局的問題是，對於瀏覽器來說，所有的一切都是乙個元素。瀏覽器將平等對待元素裡面的內容，因為他無法進行區分，包括「級別」和「標識」，比如content, sidebar,和footer不同的**內容各不相同。

在html5中，可以通過以下的方式進行同乙個例子的布局：

這樣瀏覽器就能區分各個部分，頁面的主要內容在元素中，導航欄在元素中等等。除了更清晰和更符合語意的標記，它還增強了標記的互用性，比如搜尋引擎能更精確的確定頁面上什麼內容比較重要，它可以忽略掉元素和裡的內容，因為他們通常不包含頁面的重要內容

，提高了搜尋引擎的效率。

2.改進頁面**操作

在html 4中，以上型別**的標記一般類似於下面的形式：

在這個例子中，你得使用指令碼來確認使用者遞交的內容，開發者必須得寫出自己的確認**，來確認使用者並沒有留下空白**。

而在html 5中無需使用確認指令碼，它將提供額外的元素屬性，比如

required和email 屬性

，能自動檢查使用者名稱和email欄不是空白的，而且email位址格式是有效的。

3.新的api讓頁面程式開發更簡單

4.元素可以使影象指令碼更靈活

如下圖，通常我們發布的圖表都是通過使用編輯器來完成，一旦資料有了改變，你只能再次處理新的。在元素的協助下，一旦資料有所改變，你可以通過各種指令碼來修改餅狀統計圖（和其他圖表）的資料。

5.使用者可以編輯網頁的部分內容

html 5中的user interaction 用來描述頁面內容互動工作的新方式。它的contenteditable 屬性可以讓開發者決定，頁面哪部分內容允許進行使用者更改，這對於wiki類的**更為有用。