HTML之H5

本文详细介绍了HTML5的新特性,包括新增的语义化标签如header、nav、section等,自定义图形标签canvas和svg,数学语言标签math,媒体标签video和audio,以及input的新增类型。还讲解了Web本地存储、后台脚本Worker、Socket对象等新对象的使用。同时,文章提到了代码规范和需要加强学习的知识点。
摘要由CSDN通过智能技术生成

一、新增标签

1、网页结构语义化标签(8个):

  1.     header,用于展示介绍性内容或是辅助导航
  2.     nav,网页导航栏
  3.     section,类似于一篇文章独立的章节,是article的一部分(个人理解)
  4.     article,类似于一篇独立的文章(个人理解)
  5.     aside,侧边栏,多见于侧边导航栏(个人理解)
  6.     figure,文章的补充部分,该部分的缺失应该不影响主体内容价值流失
  7.     figcaption,figure标签内的标题
  8.     footer,页脚,通常包含作者信息、版权数据、相关链接等

2、自定义图形标签canvas

        配合js来完成图像or文字的绘制

3、可伸缩矢量图形svg(这名字我也搞不懂0.0)

        配合样式css来完成图像绘制        

4、数学语言标签math

        通过math嵌套其他数学标签可以完成数学公式的编写

5、媒体标签

        1、视频标签video

                 属性:autoplay、controls、长宽、loop、muted、poster、src
                 还有相对应js事件,如playPause
                 子标签:source资源标签、track字幕标签
                   

        2、音频标签audio

                 属性:auto play、controls、loop、preload、src
                 子标签:sour

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值