01.HTML5與HTML4的區(qū)別

1.出現(xiàn)的意圖想要將目前web存在的問題解決掉

  • Web瀏覽器之間的兼容性低
  • 文檔結構不明確
  • Web應用程序功能受限

2.DOCTYPE,文檔聲明

之前聲明時需要指出html的版本,html5不需要

<!DOCTYPE html>

3.指定字符編碼

4.boolean類型的屬性

前三個都選中最后一個不選中

5.省略引號

6.新增的元素和廢除的元素

6.1結構元素:
  • section元素
    對頁面中的內(nèi)容進行分塊,表示一個章節(jié),一段。一個section元素通常由內(nèi)容及標題組成,表示文檔的結構。
    注意:
    i.不要將section元素作為設置樣式的頁面容器,那是div的工作
    ii.如果article、aside、nav元素更符合使用條件,就不要使用section元素
    iii.沒有標題內(nèi)容,不要使用section

  • article元素
    表示與上下文不相關的獨立內(nèi)容,比如博客中的一篇文章,報紙中的一篇文章。
    article元素可以嵌套使用
    article元素可以用來表示插件

  • aside元素
    表示article內(nèi)容之外的,與article內(nèi)容相關的輔助信息。


    在article內(nèi)使用

    在頁面中使用
  • header元素
    頁面中的內(nèi)容區(qū)域塊,通常用來表示標題

  • hgroup元素
    對網(wǎng)頁或區(qū)段(section)的標題進行組合


  • footer元素
    頁面中內(nèi)容區(qū)域塊,通常表示腳部。

  • nav元素
    可以用作頁面導航的鏈接組,其中導航元素鏈接到其他頁面或當前頁面的其他部分。
    應用場景:
    導航條,翻頁操作

  • figure元素
    一段獨立的流的內(nèi)容,表示文檔主題流獨立的內(nèi)容單元

  • time元素與微格式



    pubdate屬性:發(fā)布日期 boolean類型


    表明是一個發(fā)布時間
  • address元素
    用來在文檔中呈現(xiàn)聯(lián)系信息。

6.2其他元素
  • video
    表示視頻
  • audio
    表示音頻
  • canvas
    畫布
6.3新增的input元素類型

email:表示郵件地址
url:表示url地址
number:數(shù)值
range:范圍
Date Pickers:和日歷相關

7.新增的屬性和廢除的屬性

8.全局屬性

html5中新增了全局屬性的概念,表示對所有元素可以使用的屬性


  • contentEditable屬性
    該元素內(nèi)容可被編輯,boolean元素,true為可編輯,false為不可編輯。未指定該屬性根據(jù)繼承的父元素的狀態(tài)來指定,父元素可編輯,子元素即可編輯。


    寫屬性,或賦值為true,賦值為“”,都是可編輯

    可以編輯
  • designMode屬性
    整個頁面是否可編輯,當頁面可編輯時,頁面中所有支持contentEditable的屬性都變成可編輯狀態(tài)。只能在javascript腳本里被修改編輯。
    on表示頁面可編輯,off表示頁面不可編輯
  • hidden屬性
    true:元素可見
    false:元素不可見
  • spellcheck屬性
    對用戶輸入的內(nèi)容進行文本檢查
  • tabindex屬性
    按tab鍵獲取焦點的順序


最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容