HTML5新特性总结

栏目: Html5 · 发布时间: 5年前

内容简介:HTML5发布于2014年,设计目的是为了在移动端支持多媒体。一、语义化标签section和article标签都是独立的分块标签,section跟随意,article表示单独的文字单元。

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表示单独的文字单元。

HTML5新特性总结

二、音频/视频

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>标签,用来书写数学公式。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

程序与法治

程序与法治

孙洪坤 / 中国检察 / 2008-3 / 28.00元

《程序与法治》是系统和全面地研究程序与法治国家建设思想的学术专著,《程序与法治》对程序与法治的若干重大理论与现实问题进行了深入的探讨,如:从法社会学的视角研究程序正义在中国的可适应性问题;程序正义的中国语境;正当程序的宪政价值与构造;正当程序的文化底蕴;中国刑事程序正当化设计的标准、设计的基调、设计的视角;等等。尽管其中某些问题的研究尚待进一步深入,但这些问题的提出有利于开阔我们研究程序法理论的视......一起来看看 《程序与法治》 这本书的介绍吧!

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具