H5基础（1）-HTML5基础简介

最新推荐文章于 2024-02-19 23:18:11 发布

zrr_rory

最新推荐文章于 2024-02-19 23:18:11 发布

阅读量286

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/zrr_rory/article/details/77841707

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

html5浏览器支持情况

    目前Firefox、Chrome、Opera、Safari（版本4以上）、IE9都支持html5技术；

html5新特性

①新添加了语义化标签：<article>、<footer>、<header>、<nav>、<section>
②新增智能表单类型：比如：calendar、date、time、email、url、search；
③让web程序更加独立，减少第三方插件依赖：支持音频，视频，画布等技术；
④对本地离线存储更好的支持：
localStorage-没有时间限制的数据存储;
sessionStorage - 针对一个 session 的数据存储
⑤html5及时二维绘图，画布引入：HTML5 的canvas元素使用 JavaScript 在网页上绘制图像。并拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
⑥JS支持多线程：在不影响UI update及浏览器与用户交互的情况下, 前端做大规模运算，只能通过 setTimeout 之类的去模拟多线程。而新的标准中，JS新增的HTML5 Web Worker对象原生的就支持多线程。
⑦WebSockets让跨域请求、长连接、数据推送变得简单：WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。WebSocket是html5规范新引入的功能，用于解决浏览器与后台服务器双向通讯的问题，使用WebSocket技术，后台可以随时向前端推送消息，以保证前后台状态统一，在传统的无状态HTTP协议中，这是“无法做到”的。
⑧更好的异常处理：HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5在设计时保证旧的浏览器能够安全地忽略掉新的HTML5代码。与HTML4.01相比，HTML5给出了解析的完整规则，让不同的浏览器即使在发生语法错误时也能返回完全相同的结果。

HTML5和HTML4的区别

①取消了一些过时的HTML4标签：
其中包括纯粹显示效果的标记，如<font>，<center>，它们已经被 CSS完全取代。
其他取消的属性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike,tt
②添加了一些新的元素：
更加智能的表单元素：date, email, url等;
更加合理的标签：<section>, <video>, <progress>, <nav>,<meter>, <time>, <aside>, <canvas>等。
③文件类型声明：仅有一种类型，<!DOCTYPE html>