2). 更有利于用户体验
3). 更有利于搜索引擎优化
4). 代码构造清晰，方便团队开拓与掩护
1). 语义化标签
2). 音***处理
3). Canvas / WebGL
4). history API
5). requestAnimationFrame
6). 地理位置
7). WebSocket
8). Webworks
什么是DOCTYPE及浸染？DOCTYPE是用来声明文档类型和DTD规范的，一个紧张的用场便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时会出一些缺点。（DOCTYPE见告浏览器当前是哪个文档类型）
行内元素与块级元素1. 行内元素的特点？
1). 元素排在一行
2). 只能包含文本或者其他内联元素
3). 宽高便是内容宽高、设置宽高无效
2. 块级元素的特点？
1). 元素单独占一行
2). 元素的宽高都可以设置
3). 可以包含内联元素和其他块元素
4). 为设置宽度时，默认宽度是它容器的100%
3. 常见行内元素标签
a、br、code、em、img、input…
4. 常见块级元素标签：
div、p、dl、dt、form、h1~h6…
简述一下src与href的差异1. src是指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置，在要求src资源时会将其指向的资源***并运用到文档内，如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会停息其他资源的***和处理，知道将该资源加载、编译、实行完毕，以是一样平常js脚本会放在底部而不是头部。
2. href是指向网络资源所在位置（的超链接），用来建立和当前元素或文档之间的连接，当浏览器识别到它他指向的文件时，就会并行***资源，不会停滞对当前文档的处理。
div+css的布局较table布局有什么优点？1. 正常场景一样平常都适用div+CSS布局，
2. 优点：
1). 构造与样式分离
2). 代码语义性好
3). 更符合HTML标准规范
4). SEO友好
3. Table布局的适用场景：
某种缘故原由未便利加载外部CSS的场景，例如邮件正文，此时用table布局可以在无css情形下保持页面布局正常。
一个页面上有大量的图片（大型电商网站），加载很慢,你有哪些方法优化这些图片的加载，给用户更好的体验1. 图片
2. 如果为幻灯片、相册等，可以利用图片预加载技能，将当前展示图片的前一张和后一张优先***。
3. 如果图片为css图片，可以利用CSSsprite，SVGsprite，Iconfont、Base64等技能。
4. 如果图片过大，可以利用分外编码的图片，加载时会先加载一张压缩的特殊厉害的缩略图，以提高用户体验。
5. 如果图片展示区域小于图片的真实大小，则因在做事器端根据业务须要先行进行图片压缩，图片压缩后大小与展示同等
meta有哪些属性，浸染是什么meta标签用于描述网页的元信息，如网站作者、描述、关键词，meta通过name=xxx和content=xxx的形式来定义信息，常用设置如下：
1. charset：定义HTML文档的字符集
<meta charset="UTF-8" >
2. http-equiv：可用于仿照http要求头，可设置过期韶光、缓存、刷新
＜meta http-equiv="expires" content="Wed, 20 Jun 2019 22:33:00 GMT"＞
3. viewport：视口，用于掌握页面宽高及缩放比例
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">viewport有哪些参数，浸染是什么
1. width/height，宽高，默认宽度980px
2. initial-scale，初始缩放比例，1~10
3. maximum-scale/minimum-scale，许可用户缩放的最大/小比例
4. user-scalable，用户是否可以缩放 (yes/no)
