信息动态

网站设计是技术与创意的完美融合!

技术资讯

最常见的HTML5面试题及答案(10个)

2015-11-20 14:08:46

这是青岛网站建设、青岛网站设计或者青岛网站制作的 Web 开发人员最常见的问题，我们选择了10个 HTML5 面试问题并给出了答案，一起来学习吧！

1、新的 HTML5 文档类型和字符集是？

HTML5 文档类型很简单：

1
<!doctype html>

HTML5 使用 UTF-8 编码示例：

1
<meta charset=”UTF-8″>

2、HTML5 中如何嵌入音频？

HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频的简单示例：

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 还有哪些媒体标签？

HTML5 对于多媒体提供了强有力的支持，除了 audio 和 video 标签外，还支持以下标签：

<embed> 标签定义嵌入的内容，比如插件。

1
<embed type=”video/quicktime” src=”Fishing.mov”>

<source> 对于定义多个数据源很有用。

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> 标签为诸如 video 元素之类的媒介规定外部文本轨道。 用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

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 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在 HTML 上进行图形操作，

1
2
<canvas id=”canvas1″ width=”300″ height=”100″>
</canvas>
  • 不可思议的 HTML5 Canvas 应用试验
  • 18个基于 HTML5 Canvas 的图表库
  • 20个惊艳的 HTML5 Canvas 应用试验
  • 16款 HTML5 Canvas 开发的网页游戏
  • 推荐14款强大的HTML5素描及绘图工具

6、HTML5 存储类型有什么区别？

HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。HTML5 提供了下面两种本地存储方案：

  • localStorage 用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。
  • sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储

7、HTML5 有哪些新增的表单元素？

HTML5 新增了很多表单元素让开发者构建更优秀的 Web 应用程序。

  • datalist
  • datetime
  • output
  • keygen 
  • date 
  • month 
  • week
  • time
  • color
  • number 
  • range 
  • email 
  • url

8、HTML5 废弃了哪些 HTML4 标签？

HTML5 废弃了一些过时的，不合理的 HTML 标签：

  • frame
  • frameset
  • noframe
  • applet
  • big
  • center
  • basefront

9、HTML5 标准提供了哪些新的 API？

HTML5 提供的应用程序 API 主要有：

  • Media API
  • Text Track API
  • Application Cache API
  • User Interaction
  • Data Transfer API
  • Command API
  • Constraint Validation API
  • History API

10、HTML5 应用程序缓存和浏览器缓存有什么区别？

应用程序缓存是 HTML5 的重要特性之一，提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能，它的实现借助于 manifest 文件，如下：

1
2
3
4
<!doctype html>
<html manifest=”example.appcache”>
…..
</html>

与传统浏览器缓存相比，它不强制用户访问的网站内容被缓存。

上一篇：创意新潮的头部设计案例
下一篇：网站排名第三页不到首页原因分析

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

css 手机端的网站 集团性网站 微官网带来的好处 H5专题页面 网站设计资讯 青岛开发区建站公司 青岛网络公司 青岛轮胎网站设计公司 青岛网站设计哪家好 营销策略 手机网站建设 审美 青岛网站建设 青岛网站营销 舒适的界面 微信开发 青岛抖音小程序开发 集团公司网站建设 网站品牌 响应式设计 网站制作 搜索引擎蜘蛛 新的元素 网站开发 如何做网站优化 H5 互联网 SEO优化 青岛网站案例

青岛力图数字科技有限公司 2008- 版鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作

0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号

 2054585360