当前位置: 首页 > news >正文

HTML5新特性总结

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表示单独的文字单元。
clipboard.png

二、音频/视频
audio和video标签:是网页上播放的标准格式,之前通过插件(flash)来播放。

三、图形绘制功能
canvas标签:只是创建一个图形容器,需要用JavaScript脚本绘图。(游戏应用,渲染快)
svg标签:内联支持SVG,矢量图。(谷歌地图,不失真)

四、表单元素和属性
datalist
input属性:placehold、required、pattern(正则表达式)、autofocus(自动获取焦点)
input类型:url、email、number、color(调起设备颜色控件)、date(调起设备日历控件)、range、week(调起设备日历控件<含周>)

五、本地存储
localstorage、sessionstorage

六、web workers
新的多线程方式

七、websocket
较传统的ajax轮询,新的连接方式,一次连接,无需多次请求。

八、SSH
Server-Sent 事件指的是网页自动获取来自服务器的更新。
以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。

九、定位功能
navigator对象下的geolocation.getCurrentPosition(tarPos,err)方法,可获取用户当前位置。
使用:tarPos.coords.latetude,longetude……等详细信息。
失败:用户拒绝,获取失败,超时。

十、MathML对象
<math>标签,用来书写数学公式。

相关文章:

  • 数据结构学习之队列
  • prometheus jmx exporter原理
  • Python 3 字符串转MD5形式
  • Vue常见指令
  • 寒假作业三——抓老鼠啊~亏了还是赚了?
  • 【剑指offer】让抽象问题具体化
  • 读书笔记1--力哥说理财:手把手教你玩转基金
  • [学习笔记]二叉树的遍历
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • leetcode388. Longest Absolute File Path
  • 后端_MYSQL
  • Java的Interrupt与线程中断
  • Go 领军人物谢孟军:智能制造渴望银弹,首先要摒弃偏见
  • Spark2.4.0源码分析之WorldCount ShuffleMapTask处理(八)
  • 技术总结(持续更新,偏自己看)
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • 2017-08-04 前端日报
  • happypack两次报错的问题
  • iOS | NSProxy
  • MySQL主从复制读写分离及奇怪的问题
  • Python - 闭包Closure
  • vue-loader 源码解析系列之 selector
  • 测试开发系类之接口自动化测试
  • 分布式事物理论与实践
  • 如何邀请好友注册您的网站(模拟百度网盘)
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 新版博客前端前瞻
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • (13)[Xamarin.Android] 不同分辨率下的图片使用概论
  • (4) PIVOT 和 UPIVOT 的使用
  • (DFS + 剪枝)【洛谷P1731】 [NOI1999] 生日蛋糕
  • (规划)24届春招和25届暑假实习路线准备规划
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理第3章 信息系统治理(一)
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (三)Honghu Cloud云架构一定时调度平台
  • (原創) 如何刪除Windows Live Writer留在本機的文章? (Web) (Windows Live Writer)
  • (转)Oracle存储过程编写经验和优化措施
  • (转)创业家杂志:UCWEB天使第一步
  • .gitignore文件—git忽略文件
  • .Net core 6.0 升8.0
  • .NET Core Web APi类库如何内嵌运行?
  • .net core webapi 部署iis_一键部署VS插件:让.NET开发者更幸福
  • .Net Core缓存组件(MemoryCache)源码解析
  • .NET/C# 推荐一个我设计的缓存类型(适合缓存反射等耗性能的操作,附用法)
  • .net企业级架构实战之7——Spring.net整合Asp.net mvc
  • @Autowired注解的实现原理
  • @RequestParam @RequestBody @PathVariable 等参数绑定注解详解
  • [ Algorithm ] N次方算法 N Square 动态规划解决
  • [ Linux Audio 篇 ] 音频开发入门基础知识
  • [\u4e00-\u9fa5] //匹配中文字符
  • []常用AT命令解释()
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯
  • [C#]无法获取源 https://api.nuge t.org/v3-index存储签名信息解决方法
  • [C++]运行时,如何确保一个对象是只读的
  • [codevs 1296] 营业额统计