html5是html第五次的修訂版本，2023年10月由全球資訊網聯盟（w3c）完成標準制定。html5的設計目的是為了在移動裝置上支援多**。所以的主流瀏覽器都支援h5（chorme,firefox,safari,opera）ie9支援h5（有選擇的支援），但ie8及以下不支援。
html5改變了使用者和文件的互動方式：多**：video，audio，用於繪畫的canvas
html5增加了其他新的特性：語義特性，本地儲存特性，網頁多**，2d3d，特效（過渡，動畫）
h5相對h4：有增有刪，網頁結構**更加簡潔
語義化標籤的相容處理
ie9會把塊級元素解析為行級元素，導致高度設定生效，此時只需要將元素轉換為塊級元素。
ie8完全不支援語義標籤，可以用以下方法解決：
方式一：手動建立標籤：
方式二：引入html5shiv.min.js達到相容新增的type屬性
** - tel：在移動端彈出數字鍵盤，限制使用者只能輸入數字
數量 - number：只能輸入數字（包含小數點），不能輸入其他字元；可以設定max min value
商品名稱 - search：可以提供更人性化的輸入體驗
範圍 - range
顏色拾取 - color
日期相關：
time - 時分秒
data - 年月日
datatime - 大多數瀏覽器都不支援，safari支援
datatime-local -日期+時間
month - 月份
week - 星期
新增的其他屬性
placeholder：提示佔位表單新增元素 datalistautofocus：自動獲取焦點
autocomplete：自動完成。on-開啟，off-關閉。兩個使用前提：1、有過成功提交 2、當前元素必須有name屬性
required：要求必須輸入
pattern：正規表示式的驗證
multiple：多選，一般用於上傳檔案和郵箱填寫
form：指定id表單進行資料提交時，也會將當前表單元素的資料一起提交
建立選項值。不僅可以選擇，也可以進行輸入。
兩者通過list屬性進行連線，list指向datalist的id
專業<firefox中value值不適用input
type
="text"
list
="subjects"
>
<
datalist
id="subjects"
>
<
option
value
="前端開發"
label
=「前景很好」
>
option
>
datalist
>
表單新增元素 keygen+output
oninput：監聽當前指定元素內容的改變
<onkeyup：鍵盤彈起時觸發（複製貼上不觸發）script
>
document.getelementid(
"usename
").oninput
=function
()script
>
oninvalid：驗證不通過時觸發
方法一：。可設定max，value屬性
方法二：度量器，衡量當前進度值。可以設定max，min，value，low，high屬性
HTML5與css3權威指南筆記
doctype 宣告 是html檔案中必不可少的。它位於檔案第一行。html4 html5對檔案的字符集編碼推薦使用utf 8 不允許寫結束標記的元素有 area,base,br,col,command,embed,hr,img,input,keygen,link,media source,trac...
Html5與CSS3新特性
新增的語義化標籤 新增的多 標籤 音訊標籤 檔案位址 video 檔案位址 audio 屬性 屬性屬性值 描述autoplay autoplay control control loop loop muted muted 新增的input表單type型別 新增的表單屬性新增屬性選擇器 權重為10，注...
HTML5與CSS3基礎（五）
16表單 16.1輸入和元素 16.2建立表單 每個表單都已form開始標籤開始，以form結束標籤結束。兩個標籤之間是組成表單的說明標籤 控制項和按鈕，每乙個控制項都有乙個name屬性，用於在提交表單時對資料進行識別。form開始標籤可以有一些屬性，其中最重要的就是action和method ac...