H5知识点总结

1. 如何理解HTML语义化

个人理解就是对应的标签做对应的事，头部用header，底部用footer,中间用main，边栏用aside,段落用p,以此类推，而不是全用div布局，有利于浏览器的SEO

2. meta viewport 是作什么用的，怎么写？

是控制 页面在移动端不要缩小显示

<meta name="viewport" content="width=device-width,user-scalable=no,
initial-scale=1.0,maximun-scale=1.0,minimum-scale=1.0">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

3. DOCTYPE有什么作用标准模式与混杂模式如何区分，有何意义？

告诉浏览器使用什么版本的HTML规范来渲染文档，doctype不存在或者不正确会导致html文档以混杂模式渲染，标准模式是以浏览器的最高标准运行，混杂模式页面是一种比较宽松的向后兼容的方式显示

4. 行内元素有哪些？块级元素有哪些？空元素有哪些？

行内元素： a span img input select 等
块级元素：div p ul ol li h1 dd dt等

5.HTML5有哪些新特性，移除了哪些元素？

新加：canvas video audio lovalstorage geolocation header footer nav 等
移除：frame big center font
doctype声明的方式是区分是否为H5的重要方式

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

websocket shareWorker
调用localstorge、cookies等本地存储方式。

• localstorge在一个标签页里被添加、修改或删除时，都会触发一个storage事件，通过在另一个标签页里监听storage事件，即可得到localstorge存储的值，实现不同标签页之间的通信。
• 使用cookie+setInterval，将要传递的信息存储在cookie中，每隔一定时间读取cookie信息，即可随时获取要传递的信息。