HTML5簡介 學習筆記1

2022-07-20 08:12:09 字數 2142 閱讀 4313

一、html5簡介

html5的目標是為了能夠建立更簡單的web程式,書寫出更簡潔的html**,使web應用程式的開發變得更容易。html5的出現,對於web來說意義是非常重大的,它的意圖是想要把目前web上存在的各種問題一併解決掉。存在的問題有如下:

web瀏覽器之間的相容性很低;

文件結構不夠明確,例如元素不能把文件結構表達的很清楚;

web應用程式需的功能受到限制。

因此在html4的基礎上廢除了一些屬性,並提供了大量的可以替代指令碼的屬性標籤,使得開發出來的介面語言也變得更加簡潔易懂。

二、html5語法的改變

html5的檔案擴充套件符(.html或.htm)與內容型別(text/html)保持不變。

html5中,刻意不使用版本宣告,乙份文件將會適用於所有版本的html。

從html5開始,對於檔案的字元編碼推薦使用utf-8。

html5確保了與之前html版本的最大程度的相容性。

為了保證相容性,需從元素說起,在html5中,元素的標記可以省略。其體來說,元素的標記分為「不允許寫結束標記」、「可以省略結束標記」和『「開始標記和結束標記全部可以省略」三種型別。

三、新增元素

1、新增的結構元素

2、新增的其他元素

3、新增的input元素

四、廢除元素

1、能使用css替代的元素

2、不再使用frame框架

3、只有部分瀏覽器支援的元素

4、其他被廢除的元素:

五、新增屬性

1、與表單相關屬性

2、與鏈結相關屬性

3、其他屬性

六、廢除屬性

七、全域性屬性

在html5中,新增了乙個』『全域性屬性「的概念。所謂全域性屬性,是指可以對任何元素都使用的屬性。

1、contenteditable 屬性

2、designmode 屬性

3、hidden屬性

4、spellcheck屬性

—以下兩種書寫方法正確—

>

<

textarea

spellcheck

="true"

>

<

input

type

=text

spellcheck

=false

>

—以下書寫方法為錯誤—

>

<

textarea

spellcheck

>

5、示例

此演示給出了乙個使用contenteditable屬性的示例,當列表元素被加上contenteditable屬性後,該元素就變成可編輯的了。

doctype html

>

<

head

>

<

meta

charset

="utf-8 "

>

<

title

>conenteditalbe屬性示例

title

>

head

>

<

h2>可編輯列表

h2>

<

ul contenteditable

="true"

>

<

li>列表元素1

li>

<

li>列表元素2

li>

<

li>列表元素3

li>

ul>

結果:

八、新增的結構元素

1、在html5中,為了使文件結構更加清晰明確,追加了幾個與頁首、頁尾、內容區塊等文件結構相關聯的結構元素。

2、html5中新增的結構元素主要為主體結構元素和非主體結構元素。

參考**:itbegin-自學網

Html5學習筆記 1

1 figure figcaption detail summary mark學習筆記 效果圖 為 中國南海 figcaption figure script function showorhide detail else script details id detail onclick showo...

HTML5學習筆記1

1.參考資料w3c 另外就是mozilla開發者網路 更具有親和力,權威性較差 示例 apress.com 2.空元素 元素的開始和結束標籤之間並非一定要有內容,沒有內容的元素稱為空元素 3.虛元素 有些元素只能使用乙個標籤表示,在其中放置任何內容都不符合html規範.這類元素稱為虛元素.例如 組織...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...