html5
<h1 id="html5-新功能">html5 新功能</h1><ul>
<li>
<p>简化语法 <code><!doctype html></code></p>
</li>
<li>
<p>语义化标签 <code>header、footer、nav、article、figure...</code> 注意兼容性</p>
</li>
<li>
<p><code>新增 <audio> <video></code></p>
</li>
<li>
<h1 id="表单元素的升级">表单元素的升级</h1>
</li>
<li>
<p><code>Html5给input新增加一些类型（search、email、number、tell、range、color、date）</code></p>
</li>
<li>
<p><code>升级：给表单元素新增加属性placeholder（给表单元素设置提示信息）</code></p>
</li>
<li>
<p><code>升级：提供了新的下拉框方式</code></p>
</li>
<li>
<h1 id="新增-canvas-标签">新增 canvas 标签</h1>
</li>
<li>
<p><code>Echarts图表插件（http://echarts.baidu.com），它是基于canvas实现</code></p>
</li>
<li>
<p>删除<code>< b ></code>和<code>< font></code> 标签</p>
</li>
<li>
<p>删除<code><frame>, <center>, <big></code> 标签</p>
</li>
<li>
<p>新增一些 API（主要是供 js 使用的）</p>
</li>
<li>
<p>webstorage：localStorage、seessionStorage 本地存储解决方案 web</p>
</li>
<li>
<p>socket：新的客户端和服务器端通信方案 获取地理位置或者重力感应等 API</p>
</li>
<li>
<h1 id="geolocation">Geolocation</h1>
</li>
<li>
<p><code>定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。</code></p>
</li>
<li>
<p>浏览器是否支持地理定位</p>
</li>
<li>
<p>侵犯隐私</p>
</li>
<li>
<p>用户允许</p>
</li>
</ul>
<pre><code class="language-var"> function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else
{
x.innerHTML="该浏览器不支持获取地理位置。";
}
}
function showPosition(position)
{
x.innerHTML="纬度: " + position.coords.latitude +
"<br>经度: " + position.coords.longitude;
}```
</code></pre>
<ul>
<li><code>注意服务的启用有个要求：Only request geolocation information in response to a user gesture(仅在响应用户手势时请求地理位置信息)，也就是需要你绑定一个鼠标或者手势的dom操作事件。</code></li>
<li>API: <code>navigator.geolocation.getCurrentPosition(success, error, options)</code></li>
<li>该接口由谷歌提供 限于网络环境, 还是用国内的地图API方便.</li>
<li></li>
</ul><br><br>
来源：https://www.cnblogs.com/insense/p/12930560.html
頁:
[1]