HTML5新特性总结

HTML5发布于2014年，设计目的是为了在移动端支持多媒体。

一、语义化标签

<header>web知识大全</header>
<nav><a>html</a><a>css</a><a>javascript</a>
</nav>
<section><h2>html4</h2><p>html4是上一代web语言标准……</p>
</section>
<section><h2>html5</h2><p>html5是上最新web语言标准……</p>
</section>
<article><h2>html5历史</h2><p>html5是2014年推出的……</p><!--figure表示插入的图像、图标、代码、照片等，去掉并不影响文档排版--><figure><img src="abc.jpg"><figcaption>html5发展历史图</figcaption></figure>
</article>
<aside><p>表示主内容区域之外的部分，如侧边栏</p>
</aside>
<footer>copyRight2019</footer>

section和article标签都是独立的分块标签，section跟随意，article表示单独的文字单元。

二、音频/视频
audio和video标签：是网页上播放的标准格式，之前通过插件（flash）来播放。

三、图形绘制功能
canvas标签：只是创建一个图形容器，需要用JavaScript脚本绘图。（游戏应用，渲染快）
svg标签：内联支持SVG，矢量图。（谷歌地图，不失真）

四、表单元素和属性
datalist
input属性：placehold、required、pattern（正则表达式）、autofocus（自动获取焦点）
input类型：url、email、number、color（调起设备颜色控件）、date（调起设备日历控件）、range、week(调起设备日历控件<含周>)

五、本地存储
localstorage、sessionstorage

六、web workers
新的多线程方式

七、websocket
较传统的ajax轮询，新的连接方式，一次连接，无需多次请求。

八、SSH
Server-Sent 事件指的是网页自动获取来自服务器的更新。
以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。

九、定位功能
navigator对象下的geolocation.getCurrentPosition(tarPos,err)方法，可获取用户当前位置。
使用：tarPos.coords.latetude,longetude……等详细信息。
失败：用户拒绝，获取失败，超时。

十、MathML对象
<math>标签，用来书写数学公式。

HTML5新特性总结相关推荐

百度开发者大会-《用HTML5新特性开发移动App》PPT分享
今天百度开发者大会,移动互联网分论坛,我的主题演讲<用HTML5新特性开发移动App>PPT分享如下. 完整PPT可在Slideshare观看,或者在百度开放云平台上下载到.
html5新特性：利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题参考文章: (1)html5新特性:利用history的pushState等方法来解决使用aj ...
HTML中三维特性,前端进阶系列(三):HTML5新特性
HTML5 是对 HTML 标准的第五次修订.其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5 的语法是向后兼容的.现在国内普遍说的 H5 是包 ...
【阿里云大学课程】前端必知——HTML5新特性完整视频教程（音频、视频、画布、web存储、动画……）...
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定,其设计目的是为了在移动设备上支持多媒体. 本课程中,你将学习到下列这些HTML5新特性(点击下列课时立即学习): ...
html5 logo svg,HTML5新特性之用SVG绘制微信logo
html5新特新html5 中的一些有趣的新特性:1.用于绘画的 canvas 元素 2.用于媒介回放的 video 和 audio 元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比如 ...
html5储存类型特点,避免踩雷！你不得不知的 HTML5 “新”特性
什么是 HTML5 HTML的发展历程如下: 产生于1990年 1997年 HTML4 出现,成为互联网开发的标准 2008年,HTML5正式出现,2002年趋于稳定 HTML在发展过程中,HTML4 ...
html做微信logo,HTML5新特性之用SVG绘制微信logo
原标题:HTML5新特性之用SVG绘制微信logo 这篇文章主要介绍了HTML5新特性之用SVG绘制的微信logo的相关资料,需要的朋友可以参考下. HTML5新特新 HTML5中的一些有趣的新特性: ...
利用HTML5新特性实现拖拽交换表格单元格元素
利用HTML5新特性实现拖拽交换表格单元格元素 HTML5新特性:拖放拖放拖放(Drag 和 Drop)是很常见的特性.它指的是您抓取某物并拖入不同的位置. 拖放是 HTML5 标准的组成部分:任 ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
【HTML5新特性】
HTML5新特性一.语义标签二.增强型表单 1. input特性 2. 五个表单元素 3. 表单属性三.音频和视频四.canvas 五.SVG 六.地理位置七.拖放API 八.web Wor ...

HTML5新特性总结

HTML5新特性总结相关推荐

最新文章

热门文章