HTML5面试的重要指南
今天，HTML是超过20岁。在这20年中，HTML是升级4次，让我们与现有的HTML 5版本。升级路径是不容易的：W3C，HTML规范的官方维护者，是将新的功能规格慢，所以Web浏览器开发商拿东西到他们的手。这只能导致更多的问题，特别是开发商，都在努力创建网页。这导致许多跨浏览器兼容性问题和浪费开发时间。在今天的科技景观，HTML5已经成为任何一个不可分割的一部分前端发展虽然它不是一种编程语言，它仍然是Web应用的一个重要组成部分，甚至现代的桌面和移动应用程序。在科技日新月异的今天，20年是一段很长的积极应用。因此，简历参考至少一定程度的HTML5经验基本上在软件开发社区普遍。这使得定位HTML5开发者相当容易，但发现完美的一个挑战。

我们的招聘指南将帮助你找到开发商谁努力遵循高质量的方法和强大的HTML5规范知识。没有魔法或简单的技术，但是肯定有问题可以提出，将有助于确定语言的考生的知识深度和复杂性。一个这样的问题简单的采样提供如下。

问题和答案
问：HTML5是设计来取代HTML 4和XHTML。讨论新的HTML5特性和关键目标的HTML5规范。
新的主要目标HTML5规范为提供丰富的内容（如图片和视频）的客户不需要额外的插件（如Flash和Silverlight），通过新的结构元素标签的引入提供网页结构更好的语义支持，以简化错误处理提供了一个严格的分析标准，与老标准文件编写简化向后兼容性。最后，在现代世界的最重要的目标是提供更好的跨平台支持，确保一切运作良好，无论是台式电脑，笔记本电脑，平板电脑，甚至智能手机。

 
要实现这一切，许多新的功能，介绍了HTML5。新的HTML5改进嵌入图形、音频和视频内容的支持，通过新的，<声音>，和<视频>标签网站工作人员进行了介绍，对JavaScript API如附加定位进行新的扩展，新的拖放功能，以及本地存储和缓存功能。许多新的语义标签和表单控件进行了补充现代Web应用程序的结构逻辑。

问：解释什么是语义化的HTML和新的语义HTML5元素名称。
语义化的HTML是一个HTML的标记或标签，显示代替纯表达的意义或看。例如，推荐使用HTML5标签代替大胆的文字，和＜em＞而不是为斜体。这些语义的标签会产生同样的粗体和斜体文本，而是纯粹的格式化信息，他们提供了一个意义。

HTML5规范中定义的新的语义元素，如：
•<第>
•<旁白>
•<详情>
•<图表题>
•<图>
•<页脚>
•<标题>
•<主要>
•<标记>
•<导航>
•<部分>
•内容提要
•<时间>

新的HTML5表单控件包括：
•<日历>
•<日期>
•<时间>
•<邮件>
•<网址>
•<搜索>
问：HTML5开发者讨论潜在的陷阱。
老习惯难改。许多开发者编写HTML5现代Web应用程序使用旧规格。最突出的例子是使用开发人员在<表>标签设置布局，或或

当新的语义标签一样<标题>，<页脚>，<第>或<旁白>标签会更合适。或讨论之前，他们不使用新的语义标签或＜em＞而不是和标签这种老方法的结果是，在不同的浏览器中复杂的标记行为不一致。写新的HTML5文档时，开发商应采取新的语义标签，享受所有的好处来的HTML5规范，让旧的习惯活在过去。
问：讨论新的HTML5元素可以用在不同的组合，即<标题>和<页脚>，和<部分>和<第>。

新的HTML5元素开辟了一个全新的组合的可能性和其使用的有趣的方式。
例如，尽管经典的知识，只能有一个页眉和页脚只一个，新的HTML5文档可以包含多个<标题>和<页脚>元素无论是新的语义标签的设计关系到它们的父元素为各自的目的。这不仅意味着页面<鱼>可以包含页眉和页脚，也可以每天<第>和<部分>元素

另一个例子是使用新的<部分>和<第>元素，以及它们的组合：<部分>可以包含<第>元素，和一个<第>可以包含<部分>元素描述一个例子：在你的网页，你可以用一个有一个仪表板页面<部分>社会网络的相互作用，以及<部分>最新的新闻文章将包含几个<第>元素相反，一个<第>可能包含一个<部分>最后对读者的评论。
问：讨论HTML5简化HTML结构。提供的例子。
一开始，HTML5规范简化DOCTYPE声明。文档，或文档类型声明，告诉浏览器可以期望什么类型的文件。旧的XHTML DOCTYPE声明如下：
<跨度类=“hljs DOCTYPE”> <！DOCTYPE html PUBLIC“- / / / / W3C DTD XHTML 1严格/恩”
 
”HTTP：/ /两。org / TR / xhtml1 / DTD / xhtml1严格。DTD”> < /跨度>
虽然HTML4过渡doctype看起来像这样：
<跨度类=“hljs DOCTYPE”> <！DOCTYPE html PUBLIC“- / / / / W3C HTML 4.01 DTD的过渡/恩”
 
”HTTP：/ /两。org / TR / HTML4 /松。DTD”> < /跨度>
HTML5新的DOCTYPE声明很简单：
<跨度类=“hljs DOCTYPE”> <！DOCTYPE html > < /跨度>
另一个简化的HTML5的介绍，是我们如何声明字符的编码或字符集，该文件。在HTML5的charset声明如下：

<！DOCTYPE html > 
 
 < > 
 
 HTML  
 
 <元字符集= <跨度class=“hljs字符串”>“UTF-8”< /跨度> > 
 
 <跨度类=“hljs关键词”>… 
 
 < /头> 
 
 <体> 
 
 <跨度类=“hljs关键词”>… 
 
 <体> 
 
 < / HTML >
这比以前在HTML4中没有字符元属性的简单得多：
<！DOCTYPE html PUBLIC <跨度类=“hljs字符串“>”/ / / / W3C HTML 4.01 DTD的过渡/ EN /跨度>“< <跨
 
 class=“hljs字符串”>“HTTP：/ /两。org / TR / HTML4 /松。DTD”< /跨度> > 
 
 < > 
 
 HTML  
 
 “内容类型”< /跨度>内容= <跨度class=“hljs字符串”>“text/html；字符集= UTF-8”< /跨度> > 
 
 <跨度类=“hljs关键词”>… 
 
 < /头> 
 
 <体> 
 
 <跨度类=“hljs关键词”>… 
 
 <体> 
 
 < / HTML >
HTML5规范竟然在简化的标签< ，<鱼>和不会是有效的HTML5文档是强制性的。下面的示例将通过W3C验证服务：

<跨度类=“hljs DOCTYPE”> <！DOCTYPE html > < /跨度> 
 
 <跨度类=“hljs标签”> <<跨类=“hljs标题“>标题> > < < /跨/跨度>我的标题<<跨类=“hljs标签”> < / <跨度类=“hljs标题“>标题<<跨> > < /跨度> 
 
 <跨度类=“hljs标签”> <<跨类=“hljs标题”> < /跨度> > <标题> <我的头/跨度跨度class=“hljs标签”> < / <跨度类=“hljs标题“>标题<< /跨度> > < /跨度> 
 
 <跨度类=“hljs标签”> <<跨类=“hljs标题”> > > < P < /跨/跨度>墙上的文字<跨度类=“hljs标签”> < / <跨度类=“hljs标题“> P /跨度> > < /跨度>
唯一重要的标签在这个例子是HTML5的新内容，没有它，浏览器将无法检测到，这是一个HTML5文档。
问：为什么一个跨浏览器的支持仍然是重要的如果所有的现代浏览器都遵循相同的HTML5规范。
HTML5规范是一套规则，定义了一个有效的文件，并提供有关如何浏览器必须解释和渲染一个文档。不幸的是，现实的情况是，没有浏览器仍然支持HTML5规范中定义的所有规则。大部分浏览器都支持大部分的规范，但仍有HTML5规范的浏览器解释的差异。因此，有必要对开发商是否利用方面将支持所有的浏览器，他们希望显示他们的内容。这就是为什么跨浏览器的支持仍然是开发商头疼，尽管提高规格。

问：讨论性方面的HTML5，尤其是它的局限性和问题在现实世界。
今天，网页和应用程序的使用越来越多，使他们依靠辅助技术的人可以变得比以前更为重要。有很长的路要走，而HTML5引入了新的用户界面功能，使那些依靠辅助技术使用网络的人更易。虽然，有问题。其中一个问题是，开发商和设计师之前不太注重这方面的网页或应用程序。在他们的防守，正如上面提到的，他们的一个主要原因是，现有的HTML5的Web访问接口没有任何特点。现在，即使开发商想在应用程序中实现额外的功能选项，有一个恒定的问题，任何新的和新兴的网络技术面临着：浏览器支持。HTML5的可达性是跟踪跨浏览器的最常见的辅助功能。为了实现辅助功能，覆盖所有的浏览器，额外投入的时间是需要从开发商。这是一个关键因素，客户需要预见到如果他们想要他们的Web应用程序和页面的边缘上什么是可能与今天的技术。

问：解释HTML5 Web存储，讨论了其安全性的考虑，以及两者之间的区别本地存储和sessionStorage。
HTML5的网页数据存储在本地用户的浏览器使用Web存储。在早期版本中，开发者只能使用cookies。新的网络存储更安全和更快的。不像饼干，从Web存储数据不包括与每个服务器的请求，它仅用于当问。数据存储为一个名称和值对。在其他的好处是cookies存储限制。网络存储可以达到5MB大，其内容是不会传送到服务器。一个网页只能访问存储的数据因为它是有限的每起源。

需要注意的是，虽然Web存储比饼干更安全的重要，有事情要记住。这是比用饼干因为内容不通过电线传送，但本地存储未加密。因此，敏感数据如安全令牌不能储存在那里。Web应用程序不应该依赖于存储在Web存储数据，当恶意用户可以轻松地修改数据的本地存储和sessionStorage在任何时间值。
说起sessionStorage，之间的差异本地存储和sessionStorage涉及的存储寿命和范围。通过数据存储本地存储是永久性的：它没有过期，仍然存储在用户的计算机到一个Web应用程序删除它，或用户要求浏览器删除它。另一方面，sessionStorage具有相同的寿命为浏览器标签中存储它运行脚本。当卡被关闭，通过任何数据存储sessionStorage删除。
不同的来源的限制本地存储，sessionStorage是窗口范围。例如，如果用户有两个浏览器标签显示来自同一源文件，这两片分开sessionStorage数据脚本运行在一个标签无法读取或覆盖在其他选项卡的脚本写入的数据，即使两个选项卡访问完全相同的页面和运行相同的脚本。

问：解释什么是网络工作人员。
JavaScript是一个单线程的语言，因此多个脚本不能运行在同一时间。网络工作者是运行脚本的浏览器背景独立于其他脚本的一个新的API，在它自己的线程。结果是，网页不需要等待网站工作人员来完成，从而提高了性能和响应性，因为用户可以在网络工作者仍在后台运行与页面交互。网络工作者，例如，完美运行脚本，做繁重的计算。

总结
我们只是需要一个顶级HTML5开发者的知识面。发现HTML5真正的大师是一个挑战。我们希望你发现在这篇文章中提出的是你追求的少数精英的HTML5开发者有用的基础问题。发现这样的考生是很值得的，因为他们无疑将有显著的正影响你的团队的工作效率和结果

牧羊人设计文章推荐：

产品相关的内容用户体验
停留在细节？思维导图的用户任务
用户界面设计，享受最基本的权利