常见的html面试题

1、doctype作用？标准模式和兼容模式各有什么区别？

　　（1）、<doctype>声明位于文档第一行，在<html>标签之前。用于告知浏览器的解析器以什么样的标准解析该文档。doctype不存在或者格式错误，会导致浏览器以兼容模式呈现该文档。

　　（2）、标准模式的排版和js运作模式都是以该浏览器支持的最高标准运行。兼容模式页面以宽松的向后兼容方式显示，模拟老浏览器的行为防止站点无法工作。

HTML5为什么只需要<doctype html>?

html不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为

而html4基于SGML，所以需要对DTD进行引用，才能告知浏览器文档使用的文档类型

3、行内元素有哪些，块级元素有哪些，空元素有哪些

　　（1）、行内元素有：

　　　　　　a　　b　　span　　img　　input　　select　　strong　　em　　i

　　（2）、块级元素有：

　　　　　　div　　ul　　li　　ol　　dl　　dd　　dt　　h　　p　　

　　（3）、常见的空元素有：

　　　　　　不常见的有：

4、页面导入样式时，使用link和@import有什么叙别

　　（1）、link属于xhtml标签，除了加载css还能定义rss，定义rel链接属性等作用

　　（2）、页面被加载的时候，link会同时被加载，而@import引用的css等到页面被加载完再加载

　　（3）、link没有兼容问题，@import兼容ie5以上

5、常用的浏览器内核介绍

　　（1）、IE浏览器　　　　trident内核

　　（2）、firefox　　　　　gecke内核

　　（3）、opear　　　　　 presto内核

　　（4）、chrome　　　　webkit内核

6、html5有哪些新特性、移除了哪些元素？如何处理html5新标签的浏览器兼容问题？如何区分html5和html？

　　（1）、新特性：

　　　　　　绘画canvas

　　　　　　用于媒体的video和audio元素

　　　　　　本地离线存储localStorage和sessionStorage

　　　　　　语义化更好的结构元素article、footer、header、nav、section

　　　　　　表单控件calendar、date、time、email、url、search

　　　　　　新技术webworker、websocket、Geolocation

　　（2）、移除元素

　　　　　　表现类basefont、big、center、font、s、strike、tt、u

　　　　　　可用性有影响的frame、frameset、noframes

　　（3）、兼容处理

　　　　　　利用document.createElement方法创建的标签

　　　　　　也可以使用成熟的框架 html5shim.js来兼容

　　（4）、如何区分

　　　　　　通过文档声明doctype、结构元素、功能元素来区分

7、简述一下html语义化的理解

　　用正确的标签做正确的事情

　　html语义化让页面内容结构化，便于浏览器和搜索引擎解析

　　即使在没有css样式的时候也以一种文档格式显示，不影响阅读

　　对搜索引擎更加友好，有利于seo

　　方便维护，和阅读源码

8、描述一下cookies、sessionStorage、localStorage的区别

　　cookies是网站为表示用户身份而存储在本地终端的数据，存储大小不能超过4k

　　cookies数据始终在同源的http请求中携带，不管需不需要都会在浏览器和服务器之间来回传递

　　cookies设置的过期时间之前一直有效，即使关闭窗口

　　sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存，存储大小也可以达到5M

　　sessionStorage 会在当前窗口关闭的之后自动删除数据

　　localStorage数据是永久保存的，除非用户手动删除　　

9、iframe有哪些缺点

　　iframe会阻塞主页面的onload时间

　　搜索引擎的检索程序无法解读这种页面，不利于seo

　　iframe和主页共享连接池，而浏览器对相同域的链接有限制，所以会影响页面的并行加载

　　可以动态的给iframe添加src，解决的这种弊端

10、label的作用是什么？怎么使用

　　label标签用来定义表单控件间的关系，单用户选择标签时，浏览器自动将焦点转到和标签相关的控件上

　　用label标签包裹控件或者设置控件id和label标签关联

11、html5的form如何关闭自动完成功能

　　给不需要的form或者input设置 autocomplete = off

12、如何实现浏览器内多个标签页之间的通信

　　webSocket、sharedWorker

　　也可以用调用localstorage、cookies等本地存储方式

　　localstorage另一个浏览器上下文里被添加、修改或者删除。都会触发一个事件

　　通过监听事件，控制他的值来进行页面的信息通信

13、title和h标签的区别，b和strong，i和em的区别

　　title标签是用来描述这个页面的主题的，是一个网页权重的最高点。但title标签并不出现在文章的正文中。而h1标签一般出现在文章的正文中，是展示给访问者的文章的标题。

　　b和strong以及i和em是一个道理的

　　b和i是给用户看的只是纯碎的样式

　　strong和em是有语气加强的便于搜索引擎知道是重要的