HTML5基礎新增屬性

http://h5.ppj.io/Fg1Nb1yi/?v=1
概念 HTML5 是新的HTML語言版本包含的新的元素,屬性和行為,同樣包含了一系列可以被用來讓Web站點和平臺更加多樣化,功能更強大的技術,這些技術被簡稱HTML5,具備跨平臺的特點。
語義化 簡單的說就是讓機器能夠讀懂html內容,讓機器更加快速的解析HTML文檔,方便SEO(搜索引擎優化)等。
新標簽:
結構標簽:
header 定義頭部、 nav 定義導航、main 定義主體、footer 定義尾部 、 section 定義一個文檔區域 、 article 表示文檔、頁面、應用或者網站中的獨立結構、應用于論壇帖子、博客文章 、aside 定義文章的側邊欄
非結構標簽:
mark 突出顯示的文字 、 figure 代表一段獨立的內容,經常與說明 figcaption 配合使用 、 figcaption 是與相關聯的圖片的說明/標題,用與描述其父節點 figure 里面的其他數據、time 表示日期時 間 有利于搜索引擎優化 、progress 用來顯示一項任務的進度
表單元素:
color 顏色選擇器 、number 必須輸入數字 、search 搜索框 、range 范圍
日期相關:data 年月日、 time 時間、week 第幾周 、 month 年月
datalist 定義選項列表 與文本框(搜索框)元素配合使用,需要設置文本框(搜索框)的list屬性值跟datalist的id相同、email 必須輸入email 、 url 必須輸入url(也就是帶有http|https請求頭)、tel 移動端有效、PC端無效 、hidden 隱藏域、
新增表單屬性
placeholder 提示文字
required 該inp 的屬性autocomple 默認為on 其含義代表是否讓瀏覽自動記錄之前輸入的值,使用該屬性,必須要有name屬性(也許是bug)
multipe 多選、常用語selec和file

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 接上 關于HTML/HTML5(一)http://www.lxweimin.com/p/33fc7840c079 學...
    Amyyy_閱讀 835評論 0 4
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,110評論 1 25
  • 本文主要介紹Html5和Html4的區別。 語法的改變 內容類型HTML5 的文件擴展符與內容類型保持不變。擴展符...
    layjoy閱讀 1,867評論 0 23
  • 一、到底作者在講啥? 位置:當我們運用自我認知能力能夠“看”到自己的行為,“監控”自己的行為給予反饋量化后,新問題...
    海鷗老師閱讀 272評論 0 0
  • 1.與其違心賠笑,不如一人安靜,與其在意別人的背棄和不善,不如經營自己的尊嚴和美好。
    July_EF閱讀 288評論 0 1