40个重要的html5面试问题及答案-北京尚学堂web前端培训..docVIP

北京尚学堂提供 本文将列出40个重要的HTML 5面试问题及答案，祝各位求职顺利。 目录 介绍 Canvas和SVG图形之间的区别是什么？ 如何使用Canvas和SVG绘制矩形？ 什么是CSS选择器？ 如何使用ID值应用CSS样式？ CSS的列布局有什么用？ 请解释一下CSS盒子模型？ 请解释CSS 3中的一些文字效果？ 什么是web worker，为什么我们需要他们web worker？ 如何添加和删除本地存储中的数据？ 什么是本地存储的有效期？ 本地存储和cookie之间的区别是什么？ 会话存储和本地存储之间的区别是什么？ 什么是WebSQL？ WebSQL是HTML 5规范的一部分吗？ 那么我们该如何使用WebSQL？ 以及我们如何用HTML 5实现应用程序缓存？ 应用程序缓存的回退页面是什么？ 其他有关面试问题的文章参考 介绍 我是一个ASP.NET MVC开发人员。最近当我找工作的时候，我发现很多问题都是围绕HTML 5和它的新功能展开的。所以，下面我将列出40个有助于你提高相关HTML 5知识的重要问题。 这些问题并不能保证你一定能找到工作，但可以肯定的是，如果你想提升自己关于这个主题的素养，那么它们一定是有用的。 祝你求职成功。 SGML、HTML、XML和XHTML之间的关系？ SGML（标准通用标记语言）是一种指定文档标记的标准，是一种描述了文档标记应该如何的元语言。 HTML是描述使用SGML的标记语言。 通过SGML，每一个HTML页面都需要在相同的地方创建并附加一个DTD（文档类型定义）节点。所以，你总是可以在HTML页面的顶部发现DTD用于解析目的的“DOCTYPE”属性。 !--!doctype-- 由于解析SGML是一种痛苦，所以创建了XML。 XML使用SGML。例如，在SGML，你必须拥有成对的开始和结束标签，但在XML中，你可以使用自动关闭的标签。 XHTML源自于使用HTML 4.0的XML。你可以参考XML DTD如以下所示的代码片段。 !--!doctype--!--!doctype-- 什么是HTML 5？ HTML 5是HTML的新标准，其主要目标是无需任何额外的插件如Flash、Silverlight等，就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。 HTML5是由万维网联盟（W3C）和Web Hypertext Application Technology Working Group （Web超文本应用技术工作组—WHATWG）合作创建的HTML新版本。 如果我不输入!DOCTYPE HTML，HTML 5能工作吗？ No，浏览器将无法识别HTML文件，并且HTML 5标签将无法正常工作。 哪些浏览器支持HTML 5？ 几乎所有的浏览器都支持HTML 5，例如Safari，Chrome，火狐，Opera，IE等。 HTML 5的页面结构和HTML 4或早先的HTML有什么不同？ 一个典型的Web页面有页眉（header），页脚（footer），导航（navigation），正文（central area）和侧栏（side bar）。现在如果是在HTML 4中，HTML部分中的上述这些专用名词需要使用DIV标签来描述。 但是，如果是在HTML 5，可以专门为这些区域创建特定的元素名，让HTML更具可读性。 以下是形成页面结构的HTML 5元素的更多细节。 header：表现HTML的标题数据。 footer：页面的页脚部分。 nav：页面中的导航元素。 article：正文内容。 section：用在正文中定义section或区段内容。 aside：表现页面侧边栏内容。 HTML 5中的DataList是什么？ HTML 5中的DataList控件元素有助于提供自动完成功能的文本框，如下图所示。 下面是DataList控件功能的HTML代码： input list=Country datalist id=Country option value=India option value=Italy option value=Iran option value=Israel option value=Indonesia /datalist HTML 5中不同的新表单元素类型是什么？ HTML 5推出了10个重要的新的表单元素： Color. Date Datetime-local Email Time Url Range Telephone Number Search 让我们一步一步来了解这些元素。 如果你想显示拾色器对话框。 input type=color name=favcolor 如果你想显示日历对话框。 input type=date name=bday