html5新特性及常見問題

h5新特性

  1. 用于繪畫canvas元素
  2. 用于媒介回放的video和audio元素
  3. 本地離線存儲(chǔ)localStorage 長期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失争便;sessionStorage的數(shù)據(jù)字瀏覽器關(guān)閉后自動(dòng)刪除
  4. 語義化更好的內(nèi)容元素浮毯,比如:article狱掂、footer、header亲轨、nav、section
  5. 表單控件鸟顺,data惦蚊、time、email讯嫂、url蹦锋、search、等
  6. 新的技術(shù)webworker,websocket,Geolocation
  7. 拖拽釋放

新的文檔聲明

<!DOCTYPE html>

HTML5中新的語義化標(biāo)簽

列舉常用的幾種
  • header
  • footer
  • article
  • aside
  • section

HTML5新的表單屬性

  • Datalist
  • datetime
  • output
  • keygen
  • date
  • month
  • week
  • time
  • number
  • range
  • emailurl

h5移出了哪些元素欧芽?

basefont, big, center, font, s, tt, u

本地存儲(chǔ)(localStorage)和cookies儲(chǔ)存有什么區(qū)別莉掂?

cookies:服務(wù)器和客戶端都可以訪問,大小只有4kb左右,有有效期,過期后將會(huì)刪除
本地存儲(chǔ):只有本地的瀏覽器可以訪問數(shù)據(jù)千扔,服務(wù)器不能訪問本地存儲(chǔ)憎妙,可以故意通過post或者get的通道發(fā)送到服務(wù)器库正,每個(gè)域5MB,沒有過期數(shù)據(jù),直到用戶從瀏覽器刪除或者JavaScript代碼刪除

你如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化厘唾?

文件合并

文件最小化/文件壓縮

使用CDN托管

緩存的使用

什么是響應(yīng)式設(shè)計(jì)褥符?

響應(yīng)式設(shè)計(jì)就是一個(gè)網(wǎng)站可以兼容多個(gè)終端,而不是為每個(gè)終端做一個(gè)特定的版本抚垃。我們的頁面都應(yīng)該能夠去自動(dòng)響應(yīng)用戶的設(shè)備環(huán)境

HTML5 Canvas 元素有什么用喷楣?

Canvas 元素用于在網(wǎng)頁上繪制圖形,該元素標(biāo)簽強(qiáng)大之處在于可以直接在 HTML 上進(jìn)行圖形操作鹤树。

為什么利用多個(gè)域名來存儲(chǔ)網(wǎng)站資源會(huì)更有效铣焊?

CDN緩存更方便 

突破瀏覽器并發(fā)限制 

節(jié)約cookie帶寬 

節(jié)約主域名的連接數(shù),優(yōu)化頁面響應(yīng)速度 

防止不必要的安全問題

請(qǐng)談一下你對(duì)網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)重要性的理解罕伯?

網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)都是為了能讓web發(fā)展的更'健康'曲伊,開發(fā)者遵循統(tǒng)一的標(biāo)準(zhǔn),降低開發(fā)難度捣炬,開發(fā)成本熊昌,也不會(huì)因?yàn)闉E用代碼導(dǎo)致各種BUG、安全問題湿酸,最終提高網(wǎng)站易用性婿屹。

知道css有個(gè)content屬性嗎?有什么作用推溃?有什么應(yīng)用昂利?

css的content屬性專門應(yīng)用在 before/after 偽元素上,用來插入生成內(nèi)容铁坎。最常見的應(yīng)用是利用偽類清除浮動(dòng)蜂奸。
最常見的一種清除浮動(dòng):
.clear:after{
    display:block;
    content:''; 
    clear:both;
}
.clear{ 
    zoom:1;
}

如何在 HTML5頁面中嵌入音頻?

HTML 5 包含嵌入音頻文件的標(biāo)準(zhǔn)方式,支持的格式包括 MP3硬萍、Wav 和 Ogg:

<audio controls> 
  <source src="jamshed.mp3" type="audio/mpeg"> 
</audio>

如何在 HTML5 頁面中嵌入視頻扩所?

和音頻一樣,HTML5 定義了嵌入視頻的標(biāo)準(zhǔn)方法朴乖,支持的格式包括:MP4祖屏、WebM 和 Ogg:

<video width="450" height="340" controls> 
  <source src="jamshed.mp4" type="video/mp4"> 
</video>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市买羞,隨后出現(xiàn)的幾起案子袁勺,更是在濱河造成了極大的恐慌,老刑警劉巖畜普,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件期丰,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)钝荡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門街立,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人化撕,你說我怎么就攤上這事几晤。” “怎么了植阴?”我有些...
    開封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵蟹瘾,是天一觀的道長。 經(jīng)常有香客問我掠手,道長憾朴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任喷鸽,我火速辦了婚禮众雷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘做祝。我一直安慰自己砾省,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開白布混槐。 她就那樣靜靜地躺著编兄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪声登。 梳的紋絲不亂的頭發(fā)上狠鸳,一...
    開封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音悯嗓,去河邊找鬼件舵。 笑死,一個(gè)胖子當(dāng)著我的面吹牛脯厨,可吹牛的內(nèi)容都是我干的铅祸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼合武,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼个少!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起眯杏,我...
    開封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎壳澳,沒想到半個(gè)月后岂贩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年萎津,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了卸伞。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡锉屈,死狀恐怖荤傲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情颈渊,我是刑警寧澤遂黍,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站俊嗽,受9級(jí)特大地震影響雾家,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜绍豁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一芯咧、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧竹揍,春花似錦敬飒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至晶衷,卻和暖如春蓝纲,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背晌纫。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來泰國打工税迷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人锹漱。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓箭养,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哥牍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子毕泌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 接上 關(guān)于HTML/HTML5(一)http://www.reibang.com/p/33fc7840c079 學(xué)...
    Amyyy_閱讀 784評(píng)論 0 4
  • 1、HTML5:HTML4.1網(wǎng)頁開發(fā):結(jié)構(gòu): html4.0樣式:css css2行為:jsHTML5:是HTM...
    Yuann閱讀 879評(píng)論 0 2
  • 1. 瀏覽器頁面有哪三層構(gòu)成嗅辣,分別是什么撼泛,作用是什么? 構(gòu)成:結(jié)構(gòu)層、表示層澡谭、行為層分別是:HTML愿题、CSS、Ja...
    程序猿人王小賤閱讀 1,869評(píng)論 1 11
  • 請(qǐng)參看我github中的wiki,不定期更新潘酗。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,114評(píng)論 2 19
  • 上周末和朋友秋游仔夺,在山地里發(fā)現(xiàn)到處都是火紅火紅果實(shí)累累的柿子樹琐脏。有一戶人家看我們躍躍欲試的樣子,連忙搬來了梯子招呼...
    只是喜歡寫閱讀 8,915評(píng)論 0 1