關於HTML5的介紹即內容

2021-09-23 06:17:18 字數 1227 閱讀 4950

h5 經典網頁布局:

常用新語義標籤

表示導航 

表示頁首

表示頁尾

表示區塊

表示側邊欄 如文章的側欄

表示媒介內容分組 與 ul > li 做個比較

表示標記 (帶用「ui」,不怎麼用)

表示進度 (帶用「ui」,不怎麼用)

表示日期

email 輸入email 格式

tel 手機號碼 url 只能輸入url 格式

number 只能輸入數字

search 搜尋框

range 範圍 滑動條

color 拾色器

time 時間

date 日期 不是絕對的

datetime 時間日期

month 月份

week 星期

注: 部分型別是針對移動裝置生效的,且具有一定的相容性,在實際應用當 中可選擇性的使用。

表單元素(標籤)

資料列表與input 配合使用

男女不詳

生成加密字串

keygen 元素的作用是提供一種驗證使用者的可靠方法。 keygen 元素是金鑰對生成器(key-pair generator)。當提交表單時,

會生成兩個鍵, 乙個是私鑰,乙個公鑰。 私鑰(private key)儲存於客戶端,公鑰(public key)則被傳送到 伺服器。

公鑰可用於之後驗證使用者的客戶端證書(client certificate)。 不可當做資料提交?

表示度量器 不建議用作進度條

max-width

min-width

其中的元素:

placeholder 佔位符

autofocus 獲取焦點

multiple 檔案上傳多選或多個郵箱位址

autocomplete 自動完成,用於表單元素,也可用於表單自身(on/off)

form 指定表單項屬於哪個form,處理複雜表單時會需要

novalidate 關閉驗證,可用於標籤

required 必填項

多瀏覽器支援的方案,如下圖

HTML5新增內容

先附上原始碼 完成百分比 100 蘋果素有 水果之王 的美稱,它含有豐富的維生素c,能讓 細嫩 柔滑而白皙,蘋果 的做法很簡單,將蘋果去皮去核切塊後放入攪拌機攪成泥狀,乾性 的美眉在蘋果泥中加入新鮮的牛奶或蜂蜜,油性 的美眉則可加入少量蛋清,攪拌均勻後塗在臉上,敷10 15分鐘後洗淨,你會發現膚色有...

HTML5 內容模型

html5 中的一些有趣的新特性 html5 中引入了很多的標記元素,根據內容型別的不同,這些元素被分成了7大類 html5 內容型別旨在使標記結構對瀏覽器和 設計者都更有意義。內容型別 元資料 metadata 通常出現在頁面的head中,設定頁面其他部分的表現和行為 元素 內聯 embedded...

HTML5內容大綱

1.新增的屬性placeholder calender,date,time,email,url,search conteneditable draggable hidden context menu data val 自定義屬性 2.新增的標籤語義化標籤 一群類似div的東西 canvas 畫板 s...