HTML5&CSS3

HTML5是什么?有哪些新特性俐镐?有哪些新增標簽筐喳?如何讓低版本的 IE 支持 HTML5新標簽贺待?

  • HTML5是超文本標記語言的第五次重大修改

  • 新特性:

    1. 語義特性
    2. 本地存儲特性
    3. 設備兼容特性
    4. 連接特性
    5. 網頁多媒體特性
    6. 性能與集成特性
    7. CSS3特性
  • 新增標簽:section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr

  • 低版本IE支持HTML5新標簽

<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

input 有哪些新增類型岭妖?

<input type="color" name="favcolor">可以調出瀏覽器的調色板選擇喜歡的顏色
<input type="date" name="bday">出現(xiàn)一個日期選擇器選擇一個日期
<input type="datetime" name="bdaytime">datetime 類型允許你選擇一個日期(UTC 時間)
<input type="datetime-local" name="bdaytime">datetime-local 類型允許你選擇一個日期和時間 (無時區(qū))
<input type="email" name="email">提交的時候會自動驗證email輸入正不正確临庇,相當于自動幫我們做了個正則
<input type="month" name="bdaymonth">month 類型允許你選擇一個月份
<input type="number" name="quantity" min="1" max="5">提供一個列表選擇數(shù)字反璃,可以設定對所接受的數(shù)字的限定
<input type="range" name="points" min="1" max="10">range 類型用于應該包含一定范圍內數(shù)字值的輸入域。range 類型顯示為滑動條假夺。
<input type="search" name="googlesearch">search 類型用于搜索域版扩,比如站點搜索或 Google 搜索
<input type="tel" name="usrtel">定義輸入電話號碼字段
<input type="time" name="usr_time">定義可輸入時間控制器(無時區(qū))
<input type="url" name="homepage">url 類型用于應該包含 URL 地址的輸入域。在提交表單時侄泽,會自動驗證 url 域的值。
<input type="week" name="week_year">week 類型允許你選擇周和年蜻韭。

瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別悼尾? localStorage 如何存儲刪除數(shù)據(jù)。

  • cookie
    1. CSS3特性 一般由服務器生成肖方,可以設置失效時間闺魏。如果在瀏覽器端生成cookie,默認是關閉瀏覽器后失效
    2. 儲存數(shù)據(jù)大小只有4KB左右
    3. 每次都會攜帶在HTTP頭中俯画,如果使用cookie保存過多數(shù)據(jù)會帶來性能問題
  • localStorage
    1.需要手動清除析桥,否則永久保存
    2.儲存數(shù)據(jù)大小5MB
    3.數(shù)據(jù)僅在瀏覽器中保存,不參與和服務器的通信
localStorage.setItem('name', 'Tim');//存儲一個叫name的鍵艰垂,值為Tom
localStorage.getItem("name"); //獲取存儲的數(shù)據(jù)
localStorage.removeItem("name");//刪除存儲的數(shù)據(jù)
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末泡仗,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子猜憎,更是在濱河造成了極大的恐慌娩怎,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,222評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胰柑,死亡現(xiàn)場離奇詭異截亦,居然都是意外死亡,警方通過查閱死者的電腦和手機柬讨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,455評論 3 385
  • 文/潘曉璐 我一進店門崩瓤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人踩官,你說我怎么就攤上這事却桶。” “怎么了蔗牡?”我有些...
    開封第一講書人閱讀 157,720評論 0 348
  • 文/不壞的土叔 我叫張陵肾扰,是天一觀的道長。 經常有香客問我蛋逾,道長集晚,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,568評論 1 284
  • 正文 為了忘掉前任区匣,我火速辦了婚禮偷拔,結果婚禮上蒋院,老公的妹妹穿的比我還像新娘。我一直安慰自己莲绰,他們只是感情好欺旧,可當我...
    茶點故事閱讀 65,696評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蛤签,像睡著了一般辞友。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上震肮,一...
    開封第一講書人閱讀 49,879評論 1 290
  • 那天称龙,我揣著相機與錄音,去河邊找鬼戳晌。 笑死鲫尊,一個胖子當著我的面吹牛,可吹牛的內容都是我干的沦偎。 我是一名探鬼主播疫向,決...
    沈念sama閱讀 39,028評論 3 409
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼豪嚎!你這毒婦竟也來了搔驼?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,773評論 0 268
  • 序言:老撾萬榮一對情侶失蹤侈询,失蹤者是張志新(化名)和其女友劉穎匙奴,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體妄荔,經...
    沈念sama閱讀 44,220評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡泼菌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,550評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了啦租。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片哗伯。...
    茶點故事閱讀 38,697評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖篷角,靈堂內的尸體忽然破棺而出焊刹,到底是詐尸還是另有隱情,我是刑警寧澤恳蹲,帶...
    沈念sama閱讀 34,360評論 4 332
  • 正文 年R本政府宣布虐块,位于F島的核電站,受9級特大地震影響嘉蕾,放射性物質發(fā)生泄漏贺奠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,002評論 3 315
  • 文/蒙蒙 一错忱、第九天 我趴在偏房一處隱蔽的房頂上張望儡率。 院中可真熱鬧挂据,春花似錦、人聲如沸儿普。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,782評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽眉孩。三九已至个绍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間浪汪,已是汗流浹背巴柿。 一陣腳步聲響...
    開封第一講書人閱讀 32,010評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留吟宦,地道東北人。 一個月前我還...
    沈念sama閱讀 46,433評論 2 360
  • 正文 我出身青樓涩维,卻偏偏與公主長得像殃姓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子瓦阐,可洞房花燭夜當晚...
    茶點故事閱讀 43,587評論 2 350

推薦閱讀更多精彩內容

  • HTML5是什么蜗侈?有哪些新特性?有哪些新增標簽睡蟋?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是最新的H...
    小囧兔閱讀 285評論 0 0
  • 題目1: HTML5是什么踏幻?有哪些新特性?有哪些新增標簽戳杀?如何讓低版本的 IE 支持 HTML5新標簽 HTML5...
    cctosuper閱讀 199評論 0 0
  • 1. HTML5是什么该面?有哪些新特性?有哪些新增標簽信卡?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是超...
    鴻鵠飛天閱讀 319評論 0 0
  • 題目1: HTML5是什么隔缀?有哪些新特性?有哪些新增標簽傍菇?如何讓低版本的 IE 支持 HTML5新標簽 HTML5...
    QQQQQCY閱讀 244評論 0 0
  • HTML5是什么猾瘸?有哪些新特性?有哪些新增標簽丢习?如何讓低版本的 IE 支持 HTML5新標簽 HTML5是超文本標...
    RookieD閱讀 187評論 0 0