html5 學習筆記

2022-05-03 21:18:12 字數 1370 閱讀 3310

一、ie8及以下對html5相關語義標籤的支援

二、表單

1,form屬性,實現form與其中的標籤分離

2,formaction ,實現不同的動作提交到不同的後台處理

formmethod ,不同的提交方式

placeholder,提示字元

3,autofocus 自動獲得焦點

這裡可以貼一下js 的實現**

4,autocomplete 根據輸入記錄自動補全

autocomplete="on" autocomplete="off"

5,list ,提示列表

this is one

this is two

this is three

this is four

三、改良的input元素種類(可以簡單的使用這些元素來實現js的功能)

1,2, tel 屬性

沒有特殊的校驗規則

可以新增正則屬性

3,url 專門用來輸入url

4,email 

該字段是必須的

5,時間屬性

datetime: 

date:

month:

week:

time:

datetime-local:

6,number 限制輸入數字

小提示亂入:

在input 中加入 formnovalidate 屬性可設定不驗證

7,range 與number類似

0

8,color 顏色選擇器

9,multiple 選擇多個檔案

僅僅支援上傳

四、html5 中新增加的標籤

1, 黃色背景強調

2,軟換行 

3,進度條,可以使用 js 控制它們的 value 值

4,canvas 通過js 畫圖

5,details 詳細資訊

標題內容

內容內容

6,ruby 拼音注釋

妹子(meizi

)五、html5 廢除的元素

等元素六、html5 新增的元素和廢除的元素

1,雲課堂

2,有序列表倒轉

列表

列表列表

列表列表

列表

3,async 設定 js 非同步載入

HTML5學習筆記一 簡單學習HTML5

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

HTML5學習筆記一 簡單學習HTML5

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

html5學習筆記

html5 1 文件宣告dtd 設定文件型別 使得瀏覽器按照標準模式 w3c標準 渲染網頁 否則瀏覽器按照自定義的怪異模式渲染網頁 2 結構標籤 本質上都是div標籤,但是有意義,3 canvas 凡是路徑圖形,開始畫之前要beginpath 畫完要closepath 定義縮寫 the prc wa...