h5新增和cala計算

2022-09-18 13:45:18 字數 618 閱讀 5839

calc計算

width:calc(100% - 50px)

height:calc(100% - 20px)

vh: viewpoint height,視窗高度,1vh=視窗高度的1%

viewpoint width,視窗寬度,1vw=視窗寬度的1%

例如:瀏覽器高度950px,寬度為1920px,

1vh = 950px/100 = 9.5 px,

1vw = 1920px/100 =19.2 px。

h5新特性

1.語義化標籤:用正確的標籤做正確的事情,讓頁面的內容結構化,便於對瀏覽器和搜尋引擎的解析,以文件的形勢同樣易於閱讀,符合

header 定義了文件的頭部區域

footer 定義文件的尾部區域

n** 定義文件的導航

section 定義文件的節(section 區段)

article 定義頁面的獨立內容區域

aside 定義頁面的側邊欄內容

detail 用於描述文件或者某個部分的細節

summary details元素的標題

dialog 定義對話方塊 比如提示框

open 使用者可以用它進行互動 規定dialog元素有效

h5 新增屬性

預設提示內容 placeholder 多輸入,多提交 multiple 支援乙個域中多輸入,逗號隔開,一般配合郵箱和url型別使用 自動獲取焦點,頁面載入,自動獲取焦點游標 autofocus 防止空提交 required 允許輸入的最小字元數和最大字元數 minlength 允許輸入的最小字元長度...

H5新增屬性

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title cursor pointer 出現小手 button 屬性選擇器使用方法 相當於交集選擇器,即表示既有button屬性...

H5新增表單

新增表單型別如下 屬性值說明type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入必須為時間型別 type month 限制使用者輸入必須為月型別 type we...