html常见面试题

1.html5 的 form 如何关闭自动完成功能

使用autocomplete=off

2.title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别

title 属性表示网页的标题，h1 元素则表示层次分明的页面内容标题
strong 是标明重点内容，有语气增强的含义
i 是内容展示为斜体，而 em 表示强调的文本

3.请描述下 SEO 中的 TDK

即 title 标题标签，description 描述标签，keywords 关键字标签

4.每个 html 文件里头都有个很重要的 Doctype，是干什么的

告诉浏览器使用哪一种文档声明解析网页

5.什么是严格模式与混杂模式

严格模式:以浏览器的最高标准运行
混杂模式:页面以宽松向下兼容的方式，模拟老式浏览器行为

6.对于 WEB 标准以及 W3C 的理解与认识问题

WEB 标准：可以分为结构，表现和行为
结构主要是有 HTML 标签组成；表现即指 css 样式表；行为就是指页面和用户有一定的交互
W3C 是一个指定标准的非盈利性组织，标准包括 HTML、CSS、XHTML
有以下优点:

• 学习成本降低，只学习标准即可
• 统一开发流程，用标准化工具开发
• 简化网站代码的维护
• 跨平台

7.列举 IE 与其他浏览器不一样的特性

• ie 的排版引擎是 Trident；Trident 的内核曾经几乎与 W3C 脱节
• 有大量的 bug 等安全问题没有解决
• JS 有很多独立的方法，像 attachEvent,createEvent

8.前端页面有哪三层构成，分别是什么？作用是什么？

• 结构层：对网页内容的语义含义做出描述
• 表示层：由 CSS 创建，CSS 对“如何显示有关的内容”的问题做出回答
• 行为层：负责回答“内容应该如何对事件做出反应”这一问题

9.页面可见性(Page Visibility)API 可以有哪些用途

所谓页面可见性就是获取当前页面的可见状态，
我们可以通过页面的可见性判断出当前页面是显示还是隐藏状态

10.Quirks(怪异)模式是什么？它和 Standards(标准)模式有什么区别

以 ie6 为例，如果写了 DTD，那么页面将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式，这就是怪异模式

总体会有布局、样式解析和脚本执行三个方面的区别: 1.盒模型:在 W3C 标准中，如果设置了一个元素的宽度和高度，指的就是元素内容的宽度和高度，而在怪异模式下，还包含了 padding 和 margin 2.在标准模式下，给行内元素设置 width 和 height 都不会生效，而在怪异模式下，则会生效 3.用 margin：0 auto ；在标准模式下可以使元素居中，而在怪异模式下却会失效