1. 什么是 <!DOCTYPE>？是否需要在 HTML5 中使用？
参考答案：
它是 HTML 的文档声明，通过它告诉浏览器，使用哪一个 HTML 版本标准解析文档。
在浏览器发展的历史中，HTML 出现过很多个版本，不同版本在元素、属性等书写格式上略有差异，如果不预先告诉浏览器，浏览器就不知道我们的文档标准是什么，在这种情况下，大部分浏览器将开启最大兼容模式来解析网页，我们称之为怪异模式。这不仅会降低解析效率，而且会在解析过程中产生一些难以预知的 _bug_，所以文档声明是必须的。
而文档声明有多种书写格式，对应不同的 HTML 版本，<!DOCTYPE> 这种书写是告诉浏览器，整个文档使用 HTML5 的标准进行解析。
2. 什么是可替换元素，什么是非可替换元素，它们各自有什么特点？
参考答案：
可替换元素是指这样一种元素，它在页面中的大部分展现效果不由 CSS 决定。
比如 img 元素就是一个可替换元素，它在页面中显示出的效果主要取决于你连接的是什么图片，图片是什么它就展示什么，CSS 虽然可以控制图片的尺寸位置，但永远无法控制图片本身。
再比如，select 元素也是一个典型的可替换元素，它在页面上呈现的是用户操作系统上的下拉列表样式，因此，它的展现效果是由操作系统决定的。所以，同一个 select 元素，放到不同操作系统的电脑上会呈现不同的外观。
_img、video、audio_、大部分表单元素都属于可替换元素。
非可替换元素就是指的普通元素，它具体在页面上呈现什么，完全由 CSS 来决定。
3. src 和 href 的区别（京东）
参考答案：
它们都是 HTML 中特定元素的属性。
src 是 source 的缩写，它通常用于 img、video、audio、script 元素，通过 src 属性，可以指定外部资源的来源地址。
href 是 hyper reference 的缩写，意味「超引用」，它通常用于 a、link 元素，通过 href 属性，可以标识文档中引用的其他超文本。
4. 说说常用的 meta 标签
参考答案：
meta 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
常用的 meta 标签的属性有：
- content ，设置或返回 meta 元素的 content 属性的值 。
- http-equiv*，把 *content 属性连接到一个 HTTP 头部。
- name*，把 *content 属性连接到某个名称。
关于 meta 标签，回答出常用的一些属性值即可，不用全部背下来。
具体的关于 meta 标签能够设置的属性，可以参阅：https://www.runoob.com/w3cnote/meta.html
5. 说说对 html 语义化的理解
参考答案：
- 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
- 有利于 _SEO_：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
- 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循 W3C 标准的团队都遵循这个标准，可以减少差异化。 HTML5 中新增加的很多标签（如：
、
<div id="header">
<h1>标题</h1>
<h2>专注Web前端技术</h2>
</div>
总结一下，总之就是：
- 用正确的标签做正确的事情！
- html 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
- 在没有样式 CCS 情况下也以一种文档格式显示，并且是容易阅读的。
- 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 _SEO_。
- 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
6. label 的作用是什么？是怎么用的？
参考答案：
label 元素不会向用户呈现任何特殊效果。
不过，它为鼠标用户改进了可用性。
如果您在 label 元素内点击文本，就会触发此控件。
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
解析：
最常用 label 标签的地方，应该就是表单中选择性别的单选框了。例如：
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<form>
<label for="male">男</label>
<input type="radio" name="sex" id="male" />
<label for="female">女</label>
<input type="radio" name="sex" id="female" />
</form>
上面的代码中，当 label 和表单控件绑定后，用户不用必须点击单选框才能确定自己的选项，点击 label 所包裹的文字也能够自动聚焦绑定的表单控件。
7. iframe 框架有那些优缺点？
参考答案：
- iframe 会阻塞主页面的 Onload 事件；
- iframe 和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。
- 使用 iframe 之前需要考虑这两个缺点。如果需要使用 iframe*，最好是通过 *javascript 动态给 iframe 添加 src 属性值，这样可以可以绕开以上两个问题。
8. HTML 与 XHTML 二者有什么区别，你觉得应该使用哪一个并说出理由。
参考答案：
HTML 与 XHTML 之间的差别，主要分为功能上的差别和书写习惯的差别两方面。
关于功能上的差别，主要是 XHTML 可兼容各大浏览器、手机以及 _PDA_，并且浏览器也能快速正确地编译网页。
由于 XHTML 的语法较为严谨，所以如果你是习惯松散结构的 HTML 编写者，那需要注意 XHTML 的规则。
下面列出了几条容易犯的错误，供理解。
- 所有标签都必须小写在 XHTML 中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。
- 标签必须成双成对像是
…
、…、…标签等，当出现一个标签时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一样 - 标签顺序必须正确标签由外到内，一层层包覆着，所以假设你先写 div 后写 h1*，结尾就要先写 *h1 后写 _div_。只要记住一个原则“先进后出”，先弹出的标签要后结尾。
- 所有属性都必须使用双引号在 XHTML 1.0 中规定连单引号也不能使用，所以全程都得用双引号。
- 不允许使用 *target=”_blank”*从 XHTML 1.1 开始全面禁止 target 属性，如果想要有开新窗口的功能，就必须改写为 rel=”external”*，并搭配 *JavaScript 实现此效果。
9. HTML5 的 form 如何关闭自动完成功能？
参考答案：
HTML 的输入框可以拥有自动完成的功能，当你往输入框输入内容的时候，浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面，这样就不用全部输入进去了，直接选择列表中的项目就可以了。
使用 autocomplete=”off”*（给不想要提示的 *form 或某个 input 设置为 _autocomplete=off_。）
很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到；
可以在 input 中加入 autocomplete=“off” 来关闭记录系统需要保密的情况下可以使用此参数
提示：autocomplete 属性有可能在 form 元素中是开启的，而在 input 元素中是关闭的。
注意：autocomplete 适用于