今天林云给大家带来建站html基础教程，主要围绕菜鸟教程html5定位的3个知识点展开讨论。
篇一：菜鸟教程html5定位1
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
浏览器支持
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.
注意: Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。
HTML5 – 使用地理定位
请使用 getCurrentPosition() 方法来获得用户的位置。
下例是一个简单的地理定位实例，可返回用户位置的经度和纬度：
var x=document.getElementById(“demo”);
function getLocation(){
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else
{
x.innerHTML=”该浏览器不支持获取地理位置。”;
}
}
function showPosition(position)
{
x.innerHTML=”纬度: ” + position.coords.latitude +
” br 经度: ” + position.coords.longitude;
实例解析:
检测是否支持地理定位如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象showPosition() 函数获得并显示经度和纬度
上面的例子是一个非常基础的地理定位脚本，不含错误处理。
处理错误和拒绝
getCurre
ntPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数：
function showError(error)
{switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML=”用户拒绝对获取地理位置的请求。”
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML=”位置信息是不可用的。”
break;
case error.TIMEOUT:
x.innerHTML=”请求用户地理位置超时。”
break;
case error.UNKNOWN_ERROR:
x.innerHTML=”未知错误。”
break;
}
错误代码：
Permission denied – 用户不允许地理定位Position unavailable – 无法获取当前位置Timeout – 操作超时
篇二：菜鸟教程html5定位2
video width= 320 height= 240 controls= controls source src= movie.ogg type= video/ogg source src= movie.mp4 type= video/mp4 Your browser does not support the video tag. /video /body /html
请点击 TIY 按钮来查看它是如何工作的。
篇三：菜鸟教程html5定位3
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5 是如何起步的？
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search HTML5 !DOCTYPE
!doctype 声明必须位于 HTML5 文档中的第一行，使用非常简单。
原创文章：《菜鸟教程html5定位-建站基础教程》，作者：林云SEO，如若转载，请注明原文及出处：https://www.tang-seo.com/3435.html
