《HTML5與CSS3權威指南》知識整理(1)

2022-09-11 20:12:10 字數 4055 閱讀 4190

1、新增標籤

新增語義化標籤。

定義 section 或 

page 

的頁首。

定義導航鏈結。

定義 section 或 

page 

的頁尾 定義 section。

定義文章。

定義頁面內容之外的內容。

下面用乙個圖示來說明其用法。

語義化標籤的好處:

1、對搜尋引擎友好,有利於

seo2、便於程式設計師進行**閱讀和維護

新增多**標籤

audio和

vedio

標籤your browser does not support the audio tag.

**中的source標籤為媒介元素,由於不同核心的瀏覽器支援不同格式的檔案,

source

提供不同格式的資源供瀏覽器選擇。

屬性:controls:顯示控制項

src:檔案路徑

除了具有audio標籤的屬性外,

vedio

標籤還可以設定寬高屬性。

新增表單元素及屬性

1、新增7個輸入型別

email 型別用於應該包含 e-mail 位址的輸入域。

在提交表單時,會自動驗證 email 域的值。

url 型別用於應該包含 url 位址的輸入域。

在提交表單時,會自動驗證 url 域的值。

number 型別用於應該包含數值的輸入域。

您還能夠設定對所接受的數字的限定:

points:

屬性

描述

maxnumber

規定允許的最大值

minnumber

規定允許的最小值

step

number

規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)

value

number

規定預設值

range 型別用於應該包含一定範圍內數字值的輸入域。

range 型別顯示為滑動條。

您還能夠設定對所接受的數字的限定:

html5 擁有多個可供選取日期和時間的新輸入型別:

search 型別用於搜尋域,比如站點搜尋或 google 搜尋。

search 域顯示為常規的文字域。

1、新增表單元素

datalist 元素規定輸入域的選項列表。

列表是通過 datalist 內的 option 元素建立的。

如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 datalist 的 id:

webpage:

2、新增屬性

autocomplete 屬性規定 form 或 input 域應該擁有自動完成功能。

novalidate 屬性規定在提交表單時不應該驗證 form 或 input 域。

autofocus 屬性規定在頁面載入時,域自動地獲得焦點。

list 屬性規定輸入域的 datalist。datalist 是輸入域的選項列表。

multiple 屬性規定輸入域中可選擇多個值。

pattern 屬性規定用於驗證 input 域的模式(pattern)。模式(pattern) 是正規表示式。

country code:

placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。

required 屬性規定必須在提交之前填寫輸入域(不能為空)。

html5標籤針對

ie瀏覽器需要做相容性處理,相容寫法在之前的文章也提到過,需要引入乙個第三方外掛程式,方式如下:

1、新增標籤

新增語義化標籤。

定義 section 或 

page 

的頁首。

定義導航鏈結。

定義 section 或 

page 

的頁尾 定義 section。

定義文章。

定義頁面內容之外的內容。

下面用乙個圖示來說明其用法。

語義化標籤的好處:

1、對搜尋引擎友好,有利於

seo2、便於程式設計師進行**閱讀和維護

新增多**標籤

audio和

vedio

標籤your browser does not support the audio tag.

**中的source標籤為媒介元素,由於不同核心的瀏覽器支援不同格式的檔案,

source

提供不同格式的資源供瀏覽器選擇。

屬性:controls:顯示控制項

src:檔案路徑

除了具有audio標籤的屬性外,

vedio

標籤還可以設定寬高屬性。

新增表單元素及屬性

1、新增7個輸入型別

email 型別用於應該包含 e-mail 位址的輸入域。

在提交表單時,會自動驗證 email 域的值。

url 型別用於應該包含 url 位址的輸入域。

在提交表單時,會自動驗證 url 域的值。

number 型別用於應該包含數值的輸入域。

您還能夠設定對所接受的數字的限定:

points:

屬性

描述

maxnumber

規定允許的最大值

minnumber

規定允許的最小值

step

number

規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)

value

number

規定預設值

range 型別用於應該包含一定範圍內數字值的輸入域。

range 型別顯示為滑動條。

您還能夠設定對所接受的數字的限定:

html5 擁有多個可供選取日期和時間的新輸入型別:

search 型別用於搜尋域,比如站點搜尋或 google 搜尋。

search 域顯示為常規的文字域。

1、新增表單元素

datalist 元素規定輸入域的選項列表。

列表是通過 datalist 內的 option 元素建立的。

如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 datalist 的 id:

webpage:

2、新增屬性

autocomplete 屬性規定 form 或 input 域應該擁有自動完成功能。

novalidate 屬性規定在提交表單時不應該驗證 form 或 input 域。

autofocus 屬性規定在頁面載入時,域自動地獲得焦點。

list 屬性規定輸入域的 datalist。datalist 是輸入域的選項列表。

multiple 屬性規定輸入域中可選擇多個值。

pattern 屬性規定用於驗證 input 域的模式(pattern)。模式(pattern) 是正規表示式。

country code:

placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。

required 屬性規定必須在提交之前填寫輸入域(不能為空)。

html5標籤針對

ie瀏覽器需要做相容性處理,相容寫法在之前的文章也提到過,需要引入乙個第三方外掛程式,方式如下:

HTML5與css3權威指南筆記

doctype 宣告 是html檔案中必不可少的。它位於檔案第一行。html4 html5對檔案的字符集編碼推薦使用utf 8 不允許寫結束標記的元素有 area,base,br,col,command,embed,hr,img,input,keygen,link,media source,trac...

HTML5與CSS3權威指南 pdf9

第21章 media queries相關樣式 該模組中允許新增 查詢 media query 表示式,用以指定 型別,根據 型別來選擇使用的樣式 顯示器 便攜裝置 電視機 使用方法 media 裝置型別 and 裝置特性 大部分裝置特性的指定值接受min max的字首,表示大於等於或小於等於的邏輯 ...

HTML5與CSS3權威指南 pdf8

第17章 與背景和邊框相關的樣式 與背景相關的新增屬性 background clip指定背景的顯示範圍 background origin指定繪製背景影象時的起點 background size指定背景中影象的尺寸 background break指定內聯元素的背景影象進行平鋪時的迴圈方式 在fi...