您的位置：首页 > Web前端 > 其它 > 正文

HTML5面试题

更多时间：2015-6-13 类别：Web前端浏览量：1389

HTML5面试题

HTML5面试题

1、HTML5 文档类型

HTML5 文档类型很简单：

<!doctype html>

2、HTML5 中如何嵌入音频

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


<audio controls>
    <source src=”jamshed.mp3″ type=”audio/mpeg”>
    Your browser does’nt support audio embedding feature.
</audio>

3、HTML5 中如何嵌入视频

HTML5 支持 MP4、WebM 和 Ogg 格式的视频


<video width=”450″ height=”340″ controls>
  <source src=”jamshed.mp4″ type=”video/mp4″>
   Your browser does’nt support video embedding feature.
</video>

4、HTML5 localStorage、sessionStorage 存储类型有什么区别

localStorage 用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。

sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储

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

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

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

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

7、HTML5 应用程序缓存

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

例如



<!doctype html>

<html manifest=”example.appcache”>

…..

</html>

8、 html5 中不再支持 <script> 元素的哪个属性

下图红色的都是不支持的

9、HTML5 中不再支持哪些元素

HTML5中已经不支持以下的元素，不建议在进行开发时再使用以下的元素。

(1)、acronym(建议abbr) ：定义首字母缩写

(2)、applet(建议object)：定义 applet

(3)、basefont(使用css控制)

(4)、big(使用css控制) ：定义大号文本

(5)、center(使用css控制)：定义居中的文本

(6)、font(使用css控制)

(7)、strike(使用del) ：定义加删除线的文本

(8)、tt（使用css控制）：定义打字机文本。

(9)、u(使用css控制) ：定义下划线文本

(10)、frame(建议iframe)：定义子窗口（框架）。

(11)、frameset ：定义框架的集

(12)、noframes ：定义 noframe 部分

(13)、dir ：定义目录列表

(14)、<xmp>：定义预格式文本

10、什么是HTML 5 Web Workers

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

Web Workers为WEB前端网页上的脚本提供了一种能在后台进程中运行的方法。一旦它被创建，Web Workers就可以通过postMessage()向任务池发送任务请求，执行完之后再通过postMessage()返回消息给创建者指定的事件处理程序(通过onmessage进行捕获)。

11、什么是HTML 5 canvas标签

<canvas></canvas>是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图

例如

如何通过 canvas 元素来显示一个红色的矩形：


<canvas id="myCanvas"></canvas>

<script type="text/javascript">...

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);

</script>

12、什么是SVG

(1)、SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
(2)、SVG 用来定义用于网络的基于矢量的图形
(3)、SVG 使用 XML 格式定义图形
(4)、SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
(5)、SVG 是万维网联盟的标准
(6)、SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

标签：HTML5

上一篇：css display属性

下一篇：使用border-collapse设置table边框

您可能感兴趣

HTML5面试题

HTML5面试题

热门推荐

排行榜