20190403 HTML5总结

最新推荐文章于 2023-04-27 08:03:11 发布

时光之里

最新推荐文章于 2023-04-27 08:03:11 发布

阅读量263

点赞数

分类专栏：日常记录文章标签： HTML5新特性 HTML5新技术 HTML5语义化

本文链接：https://blog.csdn.net/m_review/article/details/89002430

版权

日常记录专栏收录该内容

17 篇文章 0 订阅

订阅专栏

HTML5是什么

概念

HTML5是HTML的最新修订版本，目的是为了在移动设备上支持多媒体。

如何使用

<!DOCTYPE html>

支持性

最新版本的 Safari、Chrome、Firefox、Opera、IE9

兼容

引入html5shiv资源

  <!--[if lt IE 9]>
      <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->

HTML5新特性

新元素

header footer nav aside figure figcaption progress

移除元素

纯表现性的big center font tt

对可用性产生影响的frame noframes frameset

新技术

图像、位置、媒体、存储、SSE、web workers、web socket、

了解：

应用程序缓存：缓存容量5MB，IE10以上支持 (了解)

Web SQL 数据库：IE Firefox都不支持（不重要）

对HTML5语义化的理解

优点

有利于SEO，方便搜索引擎根据标签确定上下文关键以及权重
能够让页面展示更清晰的结构，利于阅读维护开发统一的标准，缩小差异化
利于其他设备(屏幕阅读器，盲人阅读器等)根据意义去解析

HTML5技术详解

本地存储

localStorage、sessionStorage IE8以上支持

Web Workers

概念

独立的线程，浏览器提供的功能，运行在后台的js，不会影响页面的性能。IE10以上支持

api

typeof(Worker)!== 'undefined'、
new Worker、terminate、
onmessage、postMessage

WebSocket

概念

是H5提供的一种在单个TCP连接上进行全双工通信的协议。IE不支持

本质

一个基于 TCP 的协议

特点

持久连接，双向数据传输

优点

一次握手，节省服务器资源和带宽，实时进行通信

api

WebSocket' in window、
onopen、onmessage、onerror、onclose、send、close

兼容老的版本

基于长轮询的xhr

SSE server-send-event

概念

允许网页获取服务器发送的更新。IE不支持

api

typeof(EventSource)!=='undefined'、onopen、onmessage、onerror

canvas(了解)

  填充属性：fillStyle、fillRect(x,y,width,height)

  直线属性：moveTo(x,y) 定义线条开始坐标、lineTo(x,y) 定义线条结束坐标、stroke()

  曲线：beginPath()、arc(x, y, 半径r, 直径开始start, 直径结束stop)、stroke()

  文本：font 定义字体、fillText(text,x,y) 实心文本、strokeText(text,x,y) 空心文本

  渐变：线条渐变、径向渐变

  图片：drawImage(image,x,y) 画布

时光之里

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
20190403 HTML5总结

HTML5是什么概念HTML5是HTML的最新修订版本，目的是为了在移动设备上支持多媒体。如何使用<!DOCTYPE html>支持性最新版本的 Safari、Chrome、Firefox、Opera、IE9兼容引入html5shiv资源 <!--[if lt IE 9]> <script src="http://cdn.static....
复制链接

扫一扫