k8凯发H5游戏开发h5基础知识面试题40个常见的HTML5 面试问题及答案 返回列表

　　k8凯发编辑注：的过程中，对HTML5的考察是一个比较大的分量的，很多人简历上也常常有精通HTML5，但是你线的东西精通吗？本文讲解了40个重要的HTML5面试题及答案，来看看有多少是你还没了解的，及时补充能量。

　　我是一个MVC开发人员。最近当我找工作的时候，我发现很多问题都是围绕HTML 5和它的新功能展开的。所以，下面我将列出40个有助于你提高相关HTML 5知识的重要问题。

　　这些问题并不能保证你一定能找到工作，但可以肯定的是，如果你想提升自己关于这个主题的素养，那么它们一定是有用的。

　　SGML（标准通用标记语言）是一种指定文档标记的标准，是一种描述了文档标记应该如何的元语言。 HTML是描述使用SGML的标记语言k8凯发。

　　通过SGML，每一个HTML页面都需要在相同的地方创建并附加一个DTD（文档类型定义）节点。所以，你总是可以在HTML页面的顶部发现DTD用于解析目的的“DOCTYPE”属性。

　　由于解析SGML是一种痛苦，所以创建了XML。 XML使用SGML。例如，在SGML，你必须拥有成对的开始和结束标签，但在XML中，你可以使用自动关闭的标签k8凯发。

　　HTML 5是HTML的新标准，其主要目标是无需任何额外的插件如Flash、Silverlight等，就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。

　　一个典型的Web页面有页眉（header），页脚（footer），导航（navigation），正文（central area）和侧栏（side bar）。现在如果是在HTML 4中，HTML部分中的上述这些专用名词需要使用DIV标签来描述。

　　当你需要计算两个输入的结果并将结果放到一个标签里的时候，就需要输出元素了。比如你有两个文本框（参见下图），你想要让这些文本框数字相加，然后输出给标签。

　　为了简单起见，你也可以用“valueAsNumber”替换“parseInt”。为了更具可读性，你也可以在输出元素中使用“for”。

　　SVG表示（scalable vector graphics）可缩放矢量图形。这是一个基于文本的图形语言，它可以绘制使用文本、线、点等的图形，因此可以轻巧又快速地渲染。

　　一旦你可以使用上下文对象，就可以开始上下文绘制。所以首先调用“move”方法，从一个点开始，使用线方法画线，然后敲击键盘应用结束。

　　注： 从前面的两个问题中我们可以看到画布和SVG都可以在浏览器上绘制图形。所以在这个问题上面试官可能会要你回答什么时候用哪个。

　　SVGCanvas绘制并记忆。换句话说就是，通过使用SVG绘制的任意形状都可以被记住和操作，并且浏览器可以再次渲染它。

　　它就快多了，因为没有必要记住后面的东西。我们不需要将事件处理程序与图形对象关联，因为我们不需要引用它们。

　　选择器可以帮助选择你想要应用样式的元素。例如下面就是一个称为“intro”的简单样式，它应用红色到HTML元素背景。

　　你可以使用有着“id”名称的“#”选择器创建一个样式，并应用CSS值到段落标记。为了应用样式到“mytext”元素，我们可以使用“#mytext”，如下面的CSS代码所示。

　　CSS列布局可以帮助你分配文字为一个个列。例如，下面的杂志新闻文本内容就比较大，我们需要用两条边界线列布局的用途。

　　CSS盒子模型是一个围绕HTML元素——并且HTML元素定义了边框border，内边距padding和外边距margin 的矩形空间。

　　现在，如果我们应用上述CSS代码到DIV标记，如下所示，那么你的输出将会如下图所示。我创建了两个文本，“Some text”和“Some other text”，这样我们可以看到margin属性函数是怎么样的。

　　假设上述for循环代码在一个HTML按钮点击上执行。现在，这种方法执行是同步的。换句话说，完整的浏览器会一直等，直到循环完成。

　　因此，如果我们可以将这个烦琐的for循环到一个JavaScript文件中，并异步运行，那么就意味着浏览器不必等待循环，这样我们就能拥有一个更敏感的浏览器。这就是web worker的目的。

　　很多时候，我们想在本地计算机存储有关用户的信息。例如，假设用户已经填满了一半的长表单，互联网却突然连接中断。此时，用户希望能在本地存储这些信息，然后当重新连接到互联网的时候，获取这些信息，并将其发送到服务器进行存储。

　　添加到本地存储的数据使用“键”和“值”。下面的示例代码显示了国家数据“India”添加的键值为“Key001”。

　　如果你想用JSON格式存储，那么可以使用“JSON.stringify”函数，如下面所示的代码。

　　本地存储没有生命周期，它会一直存在直到用户将其从浏览器清楚或使用JavaScript代码删除它。

　　cookies本地存储客户端/服务器端既可以从客户端也可以从服务器端访问数据。每个请求都会发送cookie数据到服务器。只能在本地浏览器端访问数据。服务器无法访问本地存储，除非特意通过POST或GET发送到服务器。大小每个Cookie 4095个字节。每个域5 MB。有效期cookie有附加的有效期。所以有效期后的cookie和cookie数据会被删除。数据没有有效期限。要么最终用户从浏览器删除它，要么使用JavaScript编程删除。

　　WebSQL是客户浏览器端的结构化的关系数据库。这是浏览器内部的本地RDBMS，你可以在这个本地RDBMS上执行SQL查询。

　　不是，虽然很多人将其标记为HTML 5，但它不是HTML 5规范的一部分。HTML 5规范基于SQLite。

　　我们需要做的第一步是通过使用“OpenDatabase”函数开放数据库，如下图所示。第一个参数是数据库的名称，接下来是版本，然后一个简单的文本标题，最后的是数据库的大小。

　　如果你执行“select”查询，那么你将得到的数据是“results”集合，这个数据集合可以循环和显示在HTML界面中。

　　上述文件第一次运行时，它会被增加到浏览器应用程序缓存中，万一服务器宕机的话，页面就可以由应用程序缓存提供服务。