HTML5新語義化標籤 (一)

2021-10-03 19:53:56 字數 833 閱讀 3136

1、html4.0開始出現:div span img h1-h6等

2、html5開始出現:header footer main等

3、css2.1開始:widht height background等

4、css3新增:transform border-radius等

header : 頁首

footer : 頁尾

main : 主體

注:header footer main 語義化標籤在乙個頁面中只能出現一次。

html

超文字標記語言

progress / meter : 定義進度條 / 定義度量範圍

time : 定義日期或時間

今天是 3月3日

今天是 情人節

mark : 帶有記號的文字

< input type=「值」>,加在type中的屬性控制項

email : 電子郵件位址輸入框

url : **輸入框

number : 數字輸入框

range : 滑動條(min=x;最小值 max=x;最大值value=x;預設值step=x移動步數)

date / month / week : 日期控制項

search : 搜尋框 ( 跟普通框的區別,會多乙個關閉按鈕 )

color : 顏色控制項

tel : **號碼輸入框 ( 僅在移動端,會調起帶數字的軟鍵盤 )

time : 時間控制項

HTML5新語義化標籤 (二)

一 分欄布局 column 分欄,將一段文字按照一定寬度分成多個欄目 類似於報紙介面 值 count 分欄的個數 width 分欄的寬度 gap 欄與欄的間距 rule 分欄的邊線 span num all 合併分欄 注 count width 不要一起去寫,容易衝突。二 偽類與偽元素 elem a...

HTML5中新語義化標籤

header 定義當前頁面的表頭 footer 定義頁面的頁尾 main 頁面主體 注 header footer main 語義化標籤在乙個頁面中只能出現一次 這是一張datalist 選項列表 涉及到的語法 list id value html 超文字標記語言 progress meter 定義...

html5語義化標籤

1.文章標題 文章內容.文章內容.2.定義文件中的節 區段,比如章節 頁首或文章中的其他部分。比如我們對一篇文章進行分章節。文章標題 章節一的標題 文章內容.章節二的標題 文章內容.應包含一組內容及其標題。如果內容沒有標題,不推薦使用。3.定義頁面的導航區域。頁面a頁面b 頁面c4.定義頁面主區域內...