HTML5新特性总结

28次阅读

共计 1149 个字符,预计需要花费 3 分钟才能阅读完成。

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,矢量图。(谷歌地图,不失真)
四、表单元素和属性 datalistinput 属性:placehold、required、pattern(正则表达式)、autofocus(自动获取焦点)input 类型:url、email、number、color(调起设备颜色控件)、date(调起设备日历控件)、range、week(调起设备日历控件 < 含周 >)
五、本地存储 localstorage、sessionstorage
六、web workers 新的多线程方式
七、websocket 较传统的 ajax 轮询,新的连接方式,一次连接,无需多次请求。
八、SSHServer-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。
九、定位功能 navigator 对象下的 geolocation.getCurrentPosition(tarPos,err) 方法,可获取用户当前位置。使用:tarPos.coords.latetude,longetude……等详细信息。失败:用户拒绝,获取失败,超时。
十、MathML 对象 <math> 标签,用来书写数学公式。

正文完
 0