关于HTML部分一些面试题的整理（自用）

HTML

1.1.1 HTML和XHTML的区别？

• HTML是一种基于Web网页的设计语言，XHTML是一种基于XML，语法严格、标准的设计语言
• 两者主要不同的是XHTML必须正确的嵌套，元素必须关闭，标签必须小写，必须有根元素；而HTML没有这些限制。

1.1.2 静态网页和动态网页的区别？

• 静态网页是指没有数据交互的网页，即没有数据库参与，没有服务器端数据的加载
• 动态网页是指有后台数据参与的网页，网页中的数据都是从数据库中提取的，需要有后台逻辑的支持。

1.1.3 DOCTYPE有什么作用？区分严格模式和混杂模式有什么意义？

声明在文档中的最前面，在html标签之前，用来告诉浏览器解析器，用什么文档类型规范来解析这个文档。如果没有DOCTYPE或者格式不正确会造成混杂模式。

• 严格模式的排版和js的运行模式以该浏览器支持的最高标准进行。
• 混杂模式中，页面是以宽松的向后兼容的方式显示。

1.1.4 常见浏览器及其内核

浏览器	内核
IE	Trident
Firefox	Gecko
Chrome、Safari	Webkit
Presto	Opera

1.1.5 img上的title和alt属性的区别是什么？

img上的title属性是为图片提供标题信息，当光标悬停在标签上显示的信息；alt是图片的替换文案，当图片不能正常显示时用alt的文字信息代替。

1.1.6 简述src和href的区别。

• src表示来源地址，用在img、script、iframe等元素上
• href表示超文本引用，用在link和a等元素上

简单来说就是引入和引用的区别。

HTML5

1.2.1 WebWorker和WebSocket的作用。

WebWorker通过 Worker = new Worker（url）加载一个js文件，创建一个worker，并返回一个worker实例，然后用worker.postmessage(data)向worker发送数据。绑定worker.onmessage接收worker发送过来的数据，用worker.terminate()终止一个worker的执行。

WebSocket是web应用程序的传输协议，提供了双向的，按序到达的数据流。WebSocket的连接是持久的，在客户端和服务器之间保持双工连接，服务器的更新可以及时推送到客户端，而不需要客户端以一定时间间隔去轮询。

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

调用localstorge、cookies等数据存储，可以实现标签页之间的通信。

1.2.3 H5为浏览器提供了哪些数据存储方案？

HTML5中web storage包括两种存储方式，分别是sessionStorage和localStorage。

• sessionStorage用于在本地存储一个session中的数据，这些数据只有同一个会话中的页面才能访问，当会话结束后，数据也随之销毁。
• localStorage用于持久化本地存储，除非主动删除数据，否则数据不会被销毁。

1.2.4 localStorage和cookie的区别是什么？

localStorage是为了更大容量的存储设计的。cookie的大小是受限的，并且没请求一个新页面，cookie都会被发送过去，无形中浪费了带宽，另外，cookie还需要指定作用域，无法跨域调用。

除此之外，localStorage拥有setItem，getItem等方法，cookie则要自己封装setCookie和getCookie方法。