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信息,即可随时获取要传递的信息。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容