H5新標籤 新功能

2021-07-14 18:53:04 字數 1173 閱讀 9091

1. h5新標籤

語義標籤:

定義文章

定義文章側邊欄

定義一組**物件以及文字內容

定義figure的標題

布局頁面時用的語義標籤:

定義導航

頭部定義文件中的區段 區域

尾部input其他的型別:

1. text 文字輸入框

2. password 密碼

3. button 按鈕

4. checkbox 複選

5. radio 單選

6. submit 提交

7. reset 重置

8. file 檔案

9. email 輸入郵箱位址 檢測@

10. url url位址

11. number 只能輸入數字 還有e

12. range 範圍 預設0~100

required 必須填寫

placeholder 佔位符

功能標籤:

定義音訊

標記內嵌網頁框架

定義圖形提供畫布

2.流式布局

即百分比布局。(寬度, 高度,邊距,rem,定位值)

尺寸百分比 = 目標元素的寬度(高度)/ 父級的寬高

定位值百分比 = 目標元素的定位值 / 父級的寬高

margin和padding / 父級的寬度

em rem

em: 針對父級來設定自身

rem: 針對html

3.**查詢

可以根據不同螢幕尺寸,動態的修改網頁布局以及樣式,是響應式**不可缺少的一部分

only 可以省略 多個條件用and相連

@media only screen and (min-width:500px) and (max-width:700px)

link:

響應式**:由兩種辦法完成響應式**, 流式布局和**查詢,通常情況下相輔相成共同完成響應式**。

4.字首

-webkit-: 谷歌字首,谷歌核心(獵豹 360 safari)

-o-: 歐朋 (已經摒棄自己的核心,轉戰谷歌的陣營)

-ms-: 微軟 ie 斯巴達

-moz-: 火狐 ff

h5新特性 canvas標籤(補充)

上下文物件 painter 1.透明度 語法 painter.globalalpha 0 1 任何操作都要在fill 之前 2.線性 1 設定線寬 painter.linewidth number 2 端點 painter.lincap 端點型別 型別 butt 無端點,round 圓弧端點 squ...

HTML主要標籤 H5新屬性

1 24 5 6 標籤語義化 推薦使用雙引號 1 點此跳轉1 1 2 3 姓名 4 年齡 5 班級6 7 8 9 王五 10 18 11 3 班 12 13 1 空格 2 小於號 3 大於號 1 2 標籤不允許放其他的標籤和文字 3 列表中第乙個元素 4 列表中第二個元素 5 6 7 第乙個 8 第...

h5標籤巢狀

我們都知道,html中有大量的標籤,div ul li dl dt dd h1 h6 p a span strong 我們在運用這些標籤進行頁面搭建的時候,是可以巢狀起來來使用的 可能面試過程中,有的面試官也會問到相關的標籤巢狀規則的問題 但是,巢狀也需要有一定規則,不能任由自己的個人習慣胡亂巢狀,...