当前位置: 首页 > 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处理(八)
  • 技术总结(持续更新,偏自己看)
  • 002-读书笔记-JavaScript高级程序设计 在HTML中使用JavaScript
  • CEF与代理
  • js 实现textarea输入字数提示
  • Netty 4.1 源代码学习:线程模型
  • php中curl和soap方式请求服务超时问题
  • session共享问题解决方案
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • 罗辑思维在全链路压测方面的实践和工作笔记
  • 扑朔迷离的属性和特性【彻底弄清】
  • 前嗅ForeSpider教程:创建模板
  • 说说动画卡顿的解决方案
  • 思维导图—你不知道的JavaScript中卷
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • 由插件封装引出的一丢丢思考
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • 好程序员web前端教程分享CSS不同元素margin的计算 ...
  • ​如何使用ArcGIS Pro制作渐变河流效果
  • #{}和${}的区别是什么 -- java面试
  • (二)hibernate配置管理
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (一)pytest自动化测试框架之生成测试报告(mac系统)
  • (转)h264中avc和flv数据的解析
  • (转)淘淘商城系列——使用Spring来管理Redis单机版和集群版
  • (转载)hibernate缓存
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • .axf 转化 .bin文件 的方法
  • .cn根服务器被攻击之后
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .NET Core Web APi类库如何内嵌运行?
  • .net 开发怎么实现前后端分离_前后端分离:分离式开发和一体式发布
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • .NET/C# 利用 Walterlv.WeakEvents 高性能地定义和使用弱事件
  • .sdf和.msp文件读取
  • @Autowired多个相同类型bean装配问题
  • [ 代码审计篇 ] 代码审计案例详解(一) SQL注入代码审计案例
  • [ 隧道技术 ] 反弹shell的集中常见方式(二)bash反弹shell
  • [C++数据结构](31)哈夫曼树,哈夫曼编码与解码
  • [hdu 3746] Cyclic Nacklace [kmp]
  • [hihocoder1395] 最大权闭合子图