HTML5中新語義化標籤

2021-10-03 14:54:58 字數 710 閱讀 3995

header —>定義當前頁面的表頭

footer —>定義頁面的頁尾

main —>頁面主體

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

這是一張
datalist —> 選項列表

涉及到的語法:list id value …

html

超文字標記語言

progress / meter —> 定義進度條 / 定義度量範圍

time —>定義日期或時間

今天是 3月3日

今天是 情人節

mark —>帶有記號的文字

email:電子郵件位址輸入框

url:**輸入框

number:數值輸入框

range:滑動條

data / month / week:日期控制項

search:搜尋框(跟普通框多乙個關閉按鈕)

color:顏色控制項

tel:**號碼輸入框( 跟普通框的區別,在移動端會調動手機的鍵盤)

time:時間控制項

HTML5新語義化標籤 (一)

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 頁首 foot...

HTML5新語義化標籤 (二)

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

html5語義化標籤

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