HTML基本篇
本文主要是侧重于面试过程中可能涉及的html问题，如若了解html具体细节，可以访问https://www.w3school.com.cn/h.asp
1 HTML5语义化标签
header,footer,nav,aside,article,section
作用
(1)直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
(2)html语义化就是让页面的容结构化，便于对浏览器、搜索引擎解析
(3)在没有CCS样式情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下和各个关键字的权重，利于SEO。
(4)使阅读源代码的人更容易将分块，便于阅读维护理解。
2 Doctype作用
声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。HTML5的DOCTYPE声明：<!DOCTYPE html>
3 cookies，sessionStorage 和 localStorage 的区别
cookie是网站为了标识用户身份而储存在客户端上的数据，会在同源的http请求中主动携带（即使不需要）数据去请求。它有大小限制不能超过4k，在过期时间之前一直有效，即使窗口或浏览器关闭。
sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存，也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
sessionStorage 数据在当前浏览器窗口关闭后自动删除
4 iframe的缺点
1 会阻塞主页面的Onload事件
2 搜索引擎的检索程序无法解读这种页面，不利于SEO
3 可能会造成内存泄漏
5 浏览器内核
1 IE浏览器内核：Trident内核；
2 Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
3 Firefox浏览器内核：Gecko内核；
4 Safari浏览器内核：Webkit内核；
5 Opera浏览器内核：先是Webkit，现在是Blink内核；
其他
QQ、搜狗浏览器内核：Trident（兼容模式）+Webkit（高速模式）
百度浏览器：Trident内核
360浏览器：IE+Chrome双内核
目前移动设备浏览器上常用的内核有 Webkit、Blink、Trident、Gecko等。其中iPhone和iPad等苹果iOS平台主要是 WebKit，Android 4.4 之前的系统浏览器内核是 WebKit，Android4.4 系统浏览器切换到了Chromium，内核是Blink。
6 渐进增强和优雅降级的不同
渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验
优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
7 HTML5新增特性
Geolocation、web worker、canvas、WebSocket 等
浙公网安备 33010602011771号