html面试题

1.div+css 的布局较 table 有什么优点？

• 样式的分离使调整更加方便，内容和样式的分离，使得样式和结构的调整更加方便
• 页面加载速度更快，结构化清晰，页面显示简洁
• 表现和结构相分离
• SEO 优化，搜索引擎更友好，排名更容易靠前
• 符合 W3C 标准

2.谈谈你对网页标准和制定标准机构重要性的理解

任何东西都需要标准，这样才能够更好的交流和推广。不同的标准，就会得到不同的结果。因此，确定什么样的标准，如何确立标准，至关重要。
正是因为有了网页标准，才降低了开发难度以及开发成本，减少了 bug 和安全性问题，页面更加易用

3.什么是微格式？谈谈理解，在前端构建中应该考虑微格式吗？

所谓微格式，是建立在已有的，被广泛采用的标准基础之上的简单的、开放的数据格式。
具体表现是将语义嵌入到 html 中，以便于分离式开发，并通过一些简单的约定，兼顾 html 的人机可读性，相当于对 web 网页进行了注解。
采用微格式的 html 页面，在 html 文档中给一些标签添加一些属性，这些属性对信息的结构语义注解，有助于 HTML 文档的软件，能更好的理解文档

在前端页面中构建微格式的意义:

• 在爬取 Web 内容时，能够更为准确地识别内容块的语义
• 对内容进行操作，包括提供访问、校对、还可以将其转化成其他的相关模式，提供给外部程序和 web 服务使用

总结:微格式可以对网站进行 SEO 优化

4.html 常见兼容性问题

1.png24 图片在 IE6 浏览器出现背景
2.浏览器默认的 padding 和 margin 不同，可以使用 css 重置文件
3.IE6 双边距 bug，如果对元素设置了浮动，同时又设置了 margin-left 或者 margin-right，margin 值会加倍
4.渐进识别的方式，从总体中逐渐排除局部
5.IE 下，获取自定义属性用获取常规
6.event 对象的区别
7.Chrome12px 像素
8.hover 和 active 失效
9.怪异模式问题
10.上下 margin 重合问题

5.HTML5 有哪些新特性，移除了哪些元素

• HTML5 现在已经不是 SGML 的子集，主要是关于图像、位置、存储、多任务等功能的增加
• 绘画 canvas
• 用于媒介回放的 video 和 audio 元素
• 本地离线存储的 localStorage 长期存储数据，浏览器关闭后数据不丢失
• sessionStorage 的数据在浏览器关闭后自动删除
• 语义化更好的内容元素:比如 article、footer、header、nav、section
• 表单控件：calendar、data、time、email、url、search
• 新的技术 webworker、websocket、Geolocation

移除的元素:

• 纯表现的元素:bosefont,big,center,font,s,strike,tt,u
• 对可用性产生负面影响的元素:frame,frameset,noframes

6.HTML 全局属性(global attribute)有哪些

所谓全局属性，就是指每个 HTML 元素都拥有的属性，大致有如下的属性:

• class
• data-*
• draggable
• id
• lang
• style
• title

7.HTML5 为什么只需要写

主要原因是，HTML5 不基于 SGML，所以不需要 DTD。
在 HTML4 中，<!DOCTYPE>声明引用 DTD，因为 HTML4 基于 SGML
DTD 规定了标记语言的规则，这样的浏览器才能正确地呈现内容

8.对 web 标准，可用性，可访问性的理解

可用性:产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受如何，是从用户的角度来看产品的质量，可用性好意味着产品质量高，是企业的核心竞争力

可访问性:Web 内容对于残障用户的可阅读和可理解性。

可维护性：一般包含两个层次，一是当系统出现问题时，快速定位并解决问题的成本，成本低则可维护性好；二是代码是否容易被人理解，是否容易修改和增强功能

9.HTML5 引入什么新的表单属性

form 新属性:

• autocomplete
• novalidate

input 属性：

• autocomplete
• autofocus
• form
• formaction
• formenctype
• formmethod
• formvalidate
• formtarget
• placeholder
• pattern
• required
• step

10.iframe 的作用

iframe 也称作嵌入式框架，嵌入式框架和框架网页类似，它可以把一个网页的框架和内容嵌入在现有的网页中

优点:

• 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度)
• 方便制作导航栏

缺点:

• 会产生很多页面，不容易管理
• 浏览器的后退按钮无效
• 无法被一些搜索引擎引到
• 多数小型的移动设备无法完全显示框架
• 由于上面诸多缺点，因此不符合标准网页设计的理念，已经被标准网页设计抛弃

目前框架的所有优点完全可以使用 Ajax 实现，因此已经没有必要使用 iframe 了