技術(shù)資訊
最常見的HTML5面試題及答案(10個)
2015-11-20 14:08:46
這是青島網(wǎng)站建設(shè)、青島網(wǎng)站設(shè)計(jì)或者青島網(wǎng)站制作的 Web 開發(fā)人員最常見的問題，我們選擇了10個 HTML5 面試問題并給出了答案，一起來學(xué)習(xí)吧！
1、新的 HTML5 文檔類型和字符集是？
HTML5 文檔類型很簡單：
|
1
|
<!doctype html>
|
HTML5 使用 UTF-8 編碼示例：
|
1
|
<meta charset=”UTF-8″>
|
2、HTML5 中如何嵌入音頻？
HTML5 支持 MP3、Wav 和 Ogg 格式的音頻，下面是在網(wǎng)頁中嵌入音頻的簡單示例：
|
1
2
3
4
|
<audio controls>
<source src=”jamshed.mp3″ type=”audio/mpeg”>
Your browser does’nt support audio embedding feature.
</audio>
|
3、HTML5 中如何嵌入視頻？
和音頻類似，HTML5 支持 MP4、WebM 和 Ogg 格式的視頻，下面是簡單示例：
|
1
2
3
4
|
<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
Your browser does’nt support video embedding feature.
</video>
|
4、除了 audio 和 video，HTML5 還有哪些媒體標(biāo)簽？
HTML5 對于多媒體提供了強(qiáng)有力的支持，除了 audio 和 video 標(biāo)簽外，還支持以下標(biāo)簽：
<embed> 標(biāo)簽定義嵌入的內(nèi)容，比如插件。
|
1
|
<embed type=”video/quicktime” src=”Fishing.mov”>
|
<source> 對于定義多個數(shù)據(jù)源很有用。
|
1
2
3
4
|
<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>
|
<track> 標(biāo)簽為諸如 video 元素之類的媒介規(guī)定外部文本軌道。 用于規(guī)定字幕文件或其他包含文本的文件，當(dāng)媒介播放時，這些文件是可見的。
|
1
2
3
4
5
6
|
<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”jamshed_en.vtt” srclang=”en” default></track>
<track kind=”subtitles” label=”Arabic” src=”jamshed_ar.vtt” srclang=”ar”></track>
</video>
|
5、HTML5 Canvas 元素有什么用？
Canvas 元素用于在網(wǎng)頁上繪制圖形，該元素標(biāo)簽強(qiáng)大之處在于可以直接在 HTML 上進(jìn)行圖形操作，
|
1
2
|
<canvas id=”canvas1″ width=”300″ height=”100″>
</canvas>
|
- 不可思議的 HTML5 Canvas 應(yīng)用試驗(yàn)
- 18個基于 HTML5 Canvas 的圖表庫
- 20個驚艷的 HTML5 Canvas 應(yīng)用試驗(yàn)
- 16款 HTML5 Canvas 開發(fā)的網(wǎng)頁游戲
- 推薦14款強(qiáng)大的HTML5素描及繪圖工具
6、HTML5 存儲類型有什么區(qū)別？
HTML5 能夠本地存儲數(shù)據(jù)，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案：
- localStorage 用于持久化的本地存儲，數(shù)據(jù)永遠(yuǎn)不會過期，關(guān)閉瀏覽器也不會丟失。
- sessionStorage 同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲
7、HTML5 有哪些新增的表單元素？
HTML5 新增了很多表單元素讓開發(fā)者構(gòu)建更優(yōu)秀的 Web 應(yīng)用程序。
- datalist
- datetime
- output
- keygen
- date
- month
- week
- time
- color
- number
- range
- url
8、HTML5 廢棄了哪些 HTML4 標(biāo)簽？
HTML5 廢棄了一些過時的，不合理的 HTML 標(biāo)簽：
- frame
- frameset
- noframe
- applet
- big
- center
- basefront
9、HTML5 標(biāo)準(zhǔn)提供了哪些新的 API？
HTML5 提供的應(yīng)用程序 API 主要有：
- Media API
- Text Track API
- Application Cache API
- User Interaction
- Data Transfer API
- Command API
- Constraint Validation API
- History API
10、HTML5 應(yīng)用程序緩存和瀏覽器緩存有什么區(qū)別？
應(yīng)用程序緩存是 HTML5 的重要特性之一，提供了離線使用的功能，讓應(yīng)用程序可以獲取本地的網(wǎng)站內(nèi)容，例如 HTML、CSS、圖片以及 JavaScript。這個特性可以提高網(wǎng)站性能，它的實(shí)現(xiàn)借助于 manifest 文件，如下：
|
1
2
3
4
|
<!doctype html>
<html manifest=”example.appcache”>
…..
</html>
|
與傳統(tǒng)瀏覽器緩存相比，它不強(qiáng)制用戶訪問的網(wǎng)站內(nèi)容被緩存。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2008-12-16 22:54:00] 10個提高可用性的救命方法
- [2008-04-15 15:15:00] 10個最經(jīng)典的網(wǎng)站改版
- [2009-02-15 09:47:00] 10個有用的技術(shù)改進(jìn)你的用戶界面設(shè)計(jì)
- [2008-12-18 22:04:00] 10個改善UI設(shè)計(jì)的技術(shù)(1)
- [2009-01-19 08:36:00] 使內(nèi)容更具說服力的10個秘訣
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站開發(fā) 網(wǎng)站設(shè)計(jì)趨勢 視覺靈感 集團(tuán)公司網(wǎng)站建設(shè) 企業(yè)網(wǎng)站設(shè)計(jì) 響應(yīng)式設(shè)計(jì) 青島網(wǎng)站案例 搜索引擎 中小型企業(yè)網(wǎng)站建設(shè) 頁面設(shè)計(jì) 青島高端網(wǎng)站建設(shè)公司哪家好 青島輪胎網(wǎng)站設(shè)計(jì)公司 舒適的界面 青島網(wǎng)站營銷 robots 圖形網(wǎng)格 青島網(wǎng)頁設(shè)計(jì) 扁平化設(shè)計(jì) 網(wǎng)站交互設(shè)計(jì) 空白和簡潔的設(shè)計(jì) 網(wǎng)站策劃 官網(wǎng)網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 青島網(wǎng)站SEO 微信小程序 蘋果系統(tǒng) 網(wǎng)站的速度 青島黃島、紅島網(wǎng)站建設(shè)公司 微信營銷的優(yōu)勢 互聯(lián)網(wǎng)
