HTML面试题汇总

---

1.<!DOCTYPE>的作用，为什么HTML5不需要写？

doctype是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义来解析文档。
HTML5不基于SGML，所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种
SGML: 标准通用标记语言,是现在常用的超文本格式的最高层次标准

---

2.行内元素有哪些，块级元素有哪些，空(void)元素有那些？

行内块：a、img、span、b、input、select、i等
块级元素：div、ul、ol、li、h1~h6、p、table等
空元素：br、hr、link等

---

3.简述一下对HTML语义化的理解

简单来说，就是合适的标签做合适的事
这样有助于架构良好的HTML结构，
有利于搜索引擎的建立索引、抓取
有利于不同设备的解析
有利于团队的开发和维护

---

4.常见的浏览器内核有哪些？介绍一下你对浏览器内核的理解！

Trident内核：IE
Gecko内核：NETSCAPE6及以上版本，火狐
Presto内核：Opera7及以上。[Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari，Chrome等。[Chrome的：Blink（WebKit的分支）]
浏览器内核又可以分成两部分：渲染引擎和JS引擎，渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等，JS引擎是解析JavaScript语言，执行JavaScript语言来实现网页的动态效果

---

5.HTML5有哪些新特性？

语义化标签：header、footer、nav、section、article、aside等
-增强型表单：date(选择日期)、email、number、range(一定范围的number)、tel(电话号)等
-视频和音频：audio、video
-canvas绘图和SVG绘图
-地理定位：Geolocation
-拖放API：drag
-web worker：是运行在后台的JavaScript，独立于其他脚本，不会影响页面性能
-web storage：localStorage、sessionStorage
-WebSocket：HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议

---

6.描述一下cookie，session Storage和local Storage的区别

1.Cookie机制：每次请求时都带上cookie，如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失，它的存放数据大小在4KB左右。

2.sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。

3.localStorage：将数据保存在客户端本地的硬件设备(通常指硬盘，也可以是其他硬件设备)中，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。

session Storage和local Storage存放数据大小可以保存5MB的信息，这两者的区别在于，sessionStorage为临时保存，而localStorage为永久保存，到目前为止，Firefox3.6以上、Chrome6以上、Safari 5以上、Pera10.50以上、IE8以上版本的浏览器支持sessionStorage与localStorage的使用

---

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

1.使用localStorage: localStorage.setItem(key,value)、localStorage.getItem(key)
2.websocket协议
3.webworker

---

8.HTML5的离线存储怎么使用，解释一下原理

HTML5的离线存储是基于一个新建的.appcache文件的，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。

---

9.src与href的区别

href用于替换元素，当浏览器解析到src时，html的渲染和解析不会暂停，css文件的加载同时进行的
-src用于建立这个标签与外部资源之间的关系，当浏览器解析到src时，页面的加载和解析都会暂停，直到浏览器拿到并执行完这个js文件

---

10.表单提交中get和post方式的区别

get一般用于从服务器上获取数据，post是向服务器传送数据
-get传输的数据是拼接在URL之后的，对用户是可见的，post的传输数据是不可见的
-get传送的数据量小，不能大于2KB，post传送的数据较大，一般被默认不受限制
-get安全性非常低，post安全性较高
-在form提交的时候，如果不指定请求方式，则默认为get请求

感谢观看~