HTML5新增了哪些特性？
<h2 class="pgc-h-decimal" data-index="01" data-track="1">什么是HTML5?</h2><p data-track="2">HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。设计目的是为了在移动设备上支持多媒体。HTML5是最新的html标准，拥有新的语义、图形以及多媒体元素，简化web应用，对应程序员来说也是简单易学。通常简称 “H5”。</p>
<p data-track="23">支持HTML5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的 遨游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。</p>
<h2 class="pgc-h-decimal" data-index="02" data-track="26">HTML5与HTML比较</h2>
<p data-track="27">区别1：html5 不区分是否是严格模式还是传统模式，而html 声明时有严格、传统、框架模式。文档声明变得简单明了。</p>
<p data-track="28">html5 的声明：<!DOCTYPE html></p>
<p data-track="29">html的声明：</p>
<ul>
<li data-track="31">html 4.01 Strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></li>
<li data-track="32">html 4.01 Transitional：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></li>
<li data-track="33">html 4.01 Framest：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"></li>
</ul>
<p data-track="35">区别2：html没有语义化标签，而html5 添加了许多语义标签，使代码结构清晰，提高代码可读性。</p>
<ul>
<li data-track="37">如：header、nav、footer、main、artical、section等。</li>
</ul>
<p data-track="36">区别3：html无法在网页上动态的绘制图片，而 html5 新增了canvas画布，canvas绘制的图片放大后会失真，而SVG可绘制矢量图形。</p>
<h2 class="pgc-h-decimal" data-index="03" data-track="38">H5 新增特性</h2>
<ol start="1">
<li data-track="39">Canvas、SVG -- 用于绘画的元素，canvas绘制的图片会失真而SVG绘制的不会失真。</li>
<li data-track="53">video、audio -- 用于播放视频和音频的媒体。</li>
<li data-track="42">Drag 、Drop -- 用于拖放的 。</li>
<li data-track="43">Geolocation -- 用于获取地理位置。</li>
<li data-track="44">localStorage、sessionStorage -- 用于本地离线存储。</li>
<li data-track="45">webSQL、IndexDB -- 前端数据库操作，由于安全性极低，目前h5已放弃。</li>
<li data-track="52">web Worker -- 独立于其他脚本，不影响页面性能运行在后台的javascript。</li>
<li data-track="46">webSocket -- 单个TCP连接上进行全双工通讯的协议。</li>
<li data-track="47">新的特殊内容元素 -- 如：article、footer、header、nav、section。</li>
<li data-track="49">新的表单控件 -- 如：date、time、email、url、search。</li>
</ol>
<h2 class="pgc-h-decimal" data-index="04" data-track="55">H5 的优缺点</h2>
<p data-track="63">概括html5有以下几点优势：</p>
<ul>
<li data-track="56">提高可用性和可维护性，改进了用户体验。</li>
<li data-track="57">新增语义化标签，有助于开发人员定义清晰的结构。</li>
<li data-track="58">可以播放视频音频，增加多媒体元素。</li>
<li data-track="59">利用h5动画，友好地替代了flash和silverlight。</li>
<li data-track="60">爬虫抓取网站的时候，对于SEO很友好。</li>
<li data-track="61">H5被大量应用于移动应用和游戏开发。</li>
<li data-track="62">可移植性好。</li>
</ul>
<p data-track="64">缺点：</p>
<p data-track="66">现在大多数高版本浏览器都支持html5，但是少部分的低版本浏览器目前不支持html5，因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。</p><br><br>
来源：https://www.cnblogs.com/web-learn/p/15049571.html
頁:
[1]