编辑排版 | 宋大狮

平台运营 | 小唐狮

1、说一下元素（标签）的分类及各自的特性？

块元素：自己独占一行，并且可以设置宽高

行块元素：在同一行显示，并且可以设置宽高

行元素：在同一行显示，并且不可以设置宽高

2、说一下对标签语义化的理解？

对开发者友好，让人更容易读懂，利于代码可读性

对机器友好，让搜索引擎更容易读懂，利于seo

3、说一下HTML5有哪些新特性？

新增语义化标签，音频视频标签

新增DOM查询 --- querySelector() 、 querySelectorAll()

canvas绘图 --- 用js绘制图像，可绘制一些基本图形、动画，适合做游戏

SVG绘图 --- 可缩放矢量图形，可绘制一些基本图形，适合做地图

本地存储 --- localStorage，sessionStorage

离线存储 --- 在 cache.manifest 文件中编写需要离线存储的资源，没有网络连接的时候，可以正常访问应用，与网络连接时更新缓存文件

WebSockt --- 一种新的传输协议，实现了浏览器与服务器间的全双工通信，节省了服务器资源和带宽

WebWorker --- 为js创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行，主线程与子线程之间通过消息进行通信

4、说一下iframe标签有哪些优点和缺点？

优点：能展现嵌入的网页；异步加载速度较慢的内容，如广告；可以跨子域通信；

缺点：iframe会阻塞主页面onload事件；不利于搜索引擎识别；增加http请求；不易管理子页面；

扩展知识点：什么是子域？

域名store.yourwebsite.com中，“store”是子域，“ yourwebsite ”是主域，“com”是域

5、说一下标签属性src和href的区别？

href是引入外部资源下载到文档，在link，a标签上使用

src表示链接外部资源，在img，script上使用

- END -