HTML5面试题
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单选项怎么调选项间距(html5实现输入框fixed定位在屏幕最底部兼容性)
- html5canvas曲线图例子(html5利用canvas实现颜色容差抠图功能)
- html5的新特性
- html5导航栏跳转(Html5跳转到APP指定页面的实现)
- html5如何使用svg(将SVG图引入到HTML页面的实现)
- html5浏览界面怎么设置(HTML5textarea高度自适应的两种方案)
- html5 固定图片(HTML5拖放API实现自动生成相框功能)
- html5视频播放代码详解(HTML5基于flash实现播放RTMP协议视频的示例代码)
- html5的canvas图形绘制技术(导出HTML5 Canvas图片并上传服务器功能)
- html5新增特性(总结html5自定义属性有哪些)
- html5 canvas touch(html5 canvas手势解锁源码分享)
- html5 页面向上滑动(html5手机键盘弹出收起的处理)
- html5导航栏怎么设计(html5 横向滑动导航栏的方法示例)
- html5的占位符(html5 冒号分隔符对齐的实现)
- html5自动静音(html5录音功能实战示例)
- html5 canvas 性能(基于html5 canvas做批改作业的小插件)
- 清华大学难考吗(清华大学考研录取分数线)
- 观花盆栽佛肚竹盆景制作及养护(观花盆栽佛肚竹盆景制作及养护)
- 春天养佛肚竹,做好这几件事,叶绿根壮寓意好 越养越旺家(春天养佛肚竹做好这几件事)
- 律界衣品最好,时尚圈学识数高,41岁的Amal堪称现实版的傲骨贤妻(时尚圈学识数高)
- 刘智泰确认出演《Good Wife》 担纲男一号(刘智泰确认出演Good)
- 《傲骨之战》剧终 律政女魔头Diane,为什么是大女主天花板(傲骨之战剧终律政女魔头Diane)
热门推荐
- 织梦dedecms开启付费授权(去掉织梦DedeCMS列表推荐时标题被加粗的方法)
- sql中的exists详解(SQL中EXPLAIN命令的使用方法)
- python协程使用教程(对Python协程之异步同步的区别详解)
- SQL中的CONVERT()函数
- python的模块与包与库(Python 中包/模块的 `import` 操作代码)
- python flask部署实例(Python Flask框架扩展操作示例)
- iis服务器ftp设置(在云服务器上使用iis搭建一个ftp站点的方法图解)
- 如何学会python多线程(Python3多线程基础知识点)
- nginx网站集群(Nginx实现高可用集群构建Keepalived+Haproxy+Nginx)
- SQL SERVER 数据库外键