HTML八股

1.HTML语义化是什么

HTML语义化即用恰当的标签来显示正确合适的内容,是代码更易理解，结构更清晰

2.DOCTYPE是什么

表示HTML的版本规范，告诉浏览器用标注模式还是怪异模式渲染解析页面

有就用标准模式，没有就用怪异模式

3.标准模式和怪异模式解析渲染页面

标准模式指的是用W3C标准规范解析渲染页面，W3C标准是W3C组织制定的web技术的标准规范形式。

怪异模式是浏览器自己的渲染模式，和标准模式相比，报错不够严格。还有盒模型不一样，一个是标准盒模型一个是IE盒模型。

4.文档流

文档流是浏览器默认的HTML元素布局方式，HTML元素分为两类：块级元素和行内元素。块级从上往下一行一行显示，行内即一行内从左往右显示。

5.块级元素 行内元素 行内块元素 空元素

块级元素：独占一行 div li p

行内元素：在一行内显示，不能设置宽高 span  a超链接 img

行内块元素：在一行内显示，能设置宽高 img input

空元素：单标签 br hr img input

6.HTML新特性

新的标签 header 页眉  video视频 audio音频 nav导航栏 article 文本框

拖动API 可以拖动页面元素改变位置

localStorage和sessionStorage 浏览器存储数据 

webSocket通信协议和webWorker多线程

7.cookie localStorage sessionStorage

有关浏览器的存储部分

cookie是用于浏览器存储用户身份的文本数据，一般不超过4k，用于维持和跟踪用户数状态。

localStorage永久存储，用来浏览器存储用户的设置的一些属性,像文本大小颜色，购物栏物品，语言类型，界面大小等数据。只能通过手动删除。

sessionStorage会话存储,仅当前打开是数据生效,页面关闭后，即清除数据内容

8.cookie属性

name value 身份认证

HttpOnly 防止JavaScript直接读取cookie

expires 设置cookie过期的时间

path 设置cookie生效的路径

domain 设置cookie生效的域名

9.iframe加载缺点

iframe嵌套一个HTML页面

当iframe嵌套的页面未加载完成时，会阻碍主页面的加载

影响搜索引擎,嵌套的页面里的内容可能会被搜索引擎忽视

影响主页面资源的连接加载,HTTP协议规定同一个域名下同时连接的数量有限制,iframe内嵌套的页面会占用同时连接的数量,因此影响主页面

10.webWorker webSocket

webWorker多线程处理,其主要用来处理复杂数据操纵计算,和主线程互不影响，其最主要的区别是不会操纵dom，这样就能保证js的单线程

webSocket是不同于HTTP的另一种网络通信协议，基于TCP全双工通信协议，使用复杂度高。

在网络方面再具体了解

11.meta标签元素是什么

meta标签元素不会显示在用户页面内容中，但其是页面的重要组成部分，常见的有像

文档字符集设置文档的编码格式 < meta charset=“UTF-8” > 

设置浏览器缓存的时间大小＜meta http-equiv=“expires” content=""＞

设置窗口视图大小< meta name=“viewport” content=“”>