码迷,mamicode.com
首页 > Web开发 > 详细

html5

时间:2020-05-21 14:49:36      阅读:53      评论:0      收藏:0      [点我收藏+]

标签:cal   navig   head   socket   ide   arch   col   图表   htm   

html5 新功能

  • 简化语法 <!doctype html>

  • 语义化标签 header、footer、nav、article、figure... 注意兼容性

  • 新增 <audio> <video>

  • 表单元素的升级

  • Html5给input新增加一些类型(search、email、number、tell、range、color、date)

  • 升级:给表单元素新增加属性placeholder(给表单元素设置提示信息)

  • 升级:提供了新的下拉框方式

  • 新增 canvas 标签

  • Echarts图表插件(http://echarts.baidu.com),它是基于canvas实现

  • 删除< b >< font> 标签

  • 删除<frame>, <center>, <big> 标签

  • 新增一些 API(主要是供 js 使用的)

  • webstorage:localStorage、seessionStorage 本地存储解决方案 web

  • socket:新的客户端和服务器端通信方案 获取地理位置或者重力感应等 API

  • Geolocation

  • 定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理定位更加精确。

  • 浏览器是否支持地理定位

  • 侵犯隐私

  • 用户允许

 function getLocation()
 {
 if (navigator.geolocation)
 {
 navigator.geolocation.getCurrentPosition(showPosition);
 }
 else
 {
 x.innerHTML="该浏览器不支持获取地理位置。";
 }
 }

function showPosition(position)
{
x.innerHTML="纬度: " + position.coords.latitude +
"<br>经度: " + position.coords.longitude;
}```

html5

标签:cal   navig   head   socket   ide   arch   col   图表   htm   

原文地址:https://www.cnblogs.com/insense/p/12930560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!