公司网站主页怎么做,免费动漫网站,德国的网站后缀,pageadmin源码对于这行代码#xff0c;要写在html页面的最前端#xff1a; !DOCTYPE html 为什么要写在前面#xff1f;
这是声明#xff0c;是html5的新特性
对于html4来说#xff0c;它有三种声明格式#xff0c;而html5只需要统一声明#xff0c;用来告诉浏览器文档使用…对于这行代码要写在html页面的最前端 !DOCTYPE html 为什么要写在前面
这是声明是html5的新特性
对于html4来说它有三种声明格式而html5只需要统一声明用来告诉浏览器文档使用哪一种HTML或者XHYML规范的。 语义化标签
新增header,nav,section,article,aside,footer标签
更好的描述和组织网页内容使搜索引擎和浏览器可以更好的理解和处理页面结构爬虫可以爬取更多有效信息。
增强型表单
新的表单类型
邮箱验证——input typeemail数值输入——input typenumber min9 max12文件导入——input typefile idmyFile multiple颜色选择——input typecolor图片按钮——input typeimage src# width750 alt搜索框——input typesearch手机号输入——input typetel选择日期——input typedateinput typedatetime-local网址输入框——input typeurl
新的表单属性
placeholder——文本占位符提示信息required——这个属性的值为bool默认是true输入不能为空autofocus——自动聚焦到需要填写的textareaautocomplete——属性有两个值应该是on默认另一个是off。提示已经写过的信息要和nameusername一起用不然不生效minmax——限定输入的最少字数和最多字数以字符个数计数
视频和音频
audiovideo audio 和 video标签都很容易输出音频或视频流提供便利的获取文件信息的API
Canvas绘图
提供一个通过JavaScript和HTML的canvas元素来绘制图形的方式。可以用于动画数据可视化图片编辑等
SVG绘图
用xml描述2d图形的语言xml用来传输和存储数据
SVG比canvas绘图好用SVG不容易失帧更稳定。它比较容易编辑只需要从描述中移除元素就可以了
地理位置
可以识别定位并且与别人共享地理信息
获取地理位置通过ip地址电脑上的位置信息定位
拖放API
这只元素为可拖放默认属性是false img draggable true 设置了之后用setData()或者ondragstart
WebStorage
HTML4中用cookie在用户端保存用户数据。但是他的存储内存不大而且是携带在http请求头中造成资源浪费操作cookie麻烦。
在HTML5用WebStorage在客户端本地保存用户数据
WebWorker
js是单线程执行模式所有任务只能在一个线程上执行一次只做一件事情。
现在的计算机大多数是多核的不能发挥CPU计算的价值。
而WebWorker为js创造了多线程环境js在主线执行new一个子线程在后台执行worker完成计算的任务给主线程主线程中的代码执行会导致浏览器响应阻塞而子线程代码执行不会。主线程和子线程两者互补干扰独立执行。
主流浏览器对WebWorker兼容性不高
WebSocket
WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
在WebSocket API中浏览器和服务器只需要做一个握手的动作然后浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求连接建立以后客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后你可以通过 send() 方法来向服务器发送数据并通过 onmessage 事件来接收服务器返回的数据。WebSocket 协议本质上是一个基于 TCP 的协议。为了建立一个 WebSocket 连接客户端浏览器首先要向服务器发起一个 HTTP 请求这个请求和通常的 HTTP 请求不同包含了一些附加头信息其中附加头信息Upgrade: WebSocket表明这是一个申请协议升级的 HTTP 请求服务器端解析这些附加的头信息然后产生应答信息返回给客户端客户端和服务器端的 WebSocket 连接就建立起来了双方就可以通过这个连接通道自由的传递信息并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。
