html5拖拽前端面试,Web前端之HTML5面试题

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

HTML5 文档类型：

HTML5 使用的编码

二、为什么 HTML5 里面我们不需要 DTD(Document Type Definition 文 档类型定义)？如果我不放入标签，HTML5 还会工作么？

HTML5 没有使用 SGML 或者 XHTML，他是一个全新的类型，因此你不需 要参考 DTD，对于 HTML5，你仅需放置下面的文档类型代码，告诉浏览器识别这是 HTML5 文档

如果我不放入标签，HTML5 不会工作。浏览器将不能识别 他是 HTML 文档，同时 HTML5 的标签将不能正常工作

三、如果把 HTML5 看成一个开放平台，那它的构建模块有哪些

如果把 HTML5 看成一个开放平台，它构建的模块至少包括以下几个： 、、、。

标签用来将具有导航性质的链接划分在一起，使代码结构在语义化方 面更加准确。

标签用来定义文档的页眉。

标签用来描述文档的结构。

标签用来定义页脚。在典型情况下，该元素会包含作者的姓名，文 档的创作日期以及联系信息。

四、canvas 和svg的区别

svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。canvas输出的是一整幅画布；

svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。而canvas输出标量画布，就像一张图片一样，放大会失真或者锯齿。

五、html5 有哪些新特性、移除了那些元素？

拖拽释放(Drag and drop) API

语义化更好的内容标签(header,nav,footer,aside,article,section)

音频、视频 API(audio,video)

画布(Canvas) API

地理(Geolocation) API

本地离线存储(localStorage) 长期存储数据，浏览器关闭后数据不丢失；

会话存储(sessionStorage)，数据在浏览器关闭后自动删除

表单控件，calendar、date、time、email、url、search

新的技术 webworker, websocket, Geolocation

移除的元素：

1. 纯表现的元素：basefont，big，center，font,s，strike，tt，u；

2. 对可用性产生负面影响的元素：frame，frameset，noframes；

举报/反馈