webworker使用场景(webworker和websocket区别)

扫码添加渲大师小管家，免费领取渲染插件、素材、模型、教程合集大礼包！

一、HTML语义化

用最恰当的标签来标记内容

用合理、正确的标签来展示内容

优点：

1、即使在没有CSS样式的条件下。也能很好地呈现出内容结构、代码结构；

2、有利于SEO。

3、有利于开发和维护。

4、方便其他设备解析。如盲人阅读器根据语义渲染网页。

语义化标签：header、nav、main、article、aside、footer、section

二、新标签新特性

- 代表文档中的一段或者一节；

- 用于构建导航；

- 表示文档、页面、应用程序或网站中一体化的内容；

- 代表与页面内容相关、有别于主要内容的部分；

- 代表段或者节的标题；- 页面的页眉；

- 页面的页脚； - 表示日期和时间； - 文档中需要突出的文字。​

(1)语义标签

(2)增强型表单

(3)视频和音频

(4)Canvas绘图

(5)SVG绘图——SVG是指可伸缩的矢量图形

(6)地理定位

(7)拖放API

(8)Web Worker

(9)Web Storage

(10)WebSocket——HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

三、input和textarea的区别

text是单行文本框。textarea是多行文本框。

四、用一个div模拟textarea的实现

contenteditable。给div添加contenteditable=true即可。HTML5 中的新属性。

例如：<div id="textarea" contenteditable="true" placeholder="请输入内容..."></div>

五、移动设备忽略将页面中的数字识别为电话号码的方法

如：<meta name="format-detection" content="telephone=no" />