h5的新增标签和废弃标签-
一.video标签
什么是video标签?
作用: 播放视频
a.首先种格局:
video标签的属性
src: 用于告诉video标签需要播放的视频地址
autoplay: 用于告诉video标签可否需要主动播放视频
controls: 用于告诉video标签可否需要显示控制条
poster: 用于告诉video标签视频没有播放以前显示的占位图片
loop: 个别用于做广告视频, 用于告诉video标签视频播放结束之后可否需要轮回播放
preload: 预加载视频, 但是需要注意preload和autoplay相冲, 要是设定了autoplay属性, 那么preload属性就会失效
muted:静音
width/height: 和img标签中的如出一辙
//设定 主动播放 + 控制条//控制条 + 占位图//广告视频 : 主动播放 + 无穷轮回 + 静音 + 宽度
b.第二种格局
2.1.格局:
2.2.第二种格局存在的意义:
因为视频数据非常非常的重要, 所以五大阅读器厂商都不肯意支撑他人的视频格局, 所以致使了没有一种视频格局是所有阅读器都支撑的
这个时候W3C为理解决这个题目, 所以推出了第二个video标签的格局
video标签的第二种格局存在的意义就是为理解决阅读器适配题目
video 元素支撑三种视频格局, 我们可以把这三种格局都通过source标签指定
给video标签, 那么今后当阅读器播放视频时它就会从这三种当选择一种本人支撑的格局来播放
2.3.注意点:
2.3.1目前通过video标签的第二种格局虽然能够指定所有阅读器都支撑的视频格局, 但是想让所有阅读器都通过video标签播放视频还有一个条件前提, 就是阅读器必需支撑HTML5标签, 不然一样没法播放
2.3.2在已往的一些阅读器是不支撑HTML5标签的, 所认为了让已往的一些阅读器也能够通过video标签来播放视频, 那么我们今后可以通过一个JS的框架叫做html5media来实现
//示例代码:
二. audio标签
1.什么是audio标签?
作用: 播放音频
2.格局:
3.注意点:
audio标签的运用和video标签的运用根本同样, video中能够运用的属性在audio标签中大局部都能够运用, 而且功能都同样
只不外有3个属性不克不及用, height/width/poster
//首先种格局 //第二种格局
三. 详情和概要标签
什么是详情和概要标签?
作用:应用summary标签来描述概要信息, 应用details标签来描述详情信息
默许状况下是折叠展现, 想瞧见详情必需点击
格局:
概要信息
详情信息
示例代码
郑伊健
简介：郑伊健，1967年10月4日出生于中国香港，籍贯广东恩平，香港影视演员、流行男歌手。1988年加入新秀唱歌大赛参加无线电视，因拍摄“阳光柠檬茶”广告而入行，拜罗文为师。1991年...
概要详情.gif
marquee标签不是W3C举荐的标签, 在W3C官方文档中也没法查询这个标签, 但是各大阅读器对这个标签的支撑非常好
示例代码:
marquee滚动标的目的
所以这局部标签就被裁汰了
被废弃标签
以上标签都是没有语义的,都是用来修改样式的 b(bold) 加粗文本, 没有任何语义的 u(underline) 给文本天津下划线, 没有任何语义的 i(italic) 将文本歪斜, 没有任何语义的 s(strikethourgh) 给文本增加删除线, 没有任何语义的
注意点:
今后在公司开发中, 不到必不得已一定不要运用这些被废弃掉的标签 要是一定要运用, 个别状况下都是用来作为CSS的钩子来运用
推出的新标签 strong == b ins == u em == i del == s strong语义: 定义重要性强调的文字 ins语义(inseted): 定义插入的文字 em语义(emphasized 音标:['?mf?,sa?z]): 定义强调的文字 del语义(deleted): 定义被删除的文字
信赖看了本案牍例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！
举荐浏览：
iOS webView如何加载HTMLString
对于正则表达式的几个小训练
以上就是h5的新增标签和废弃标签的细致内容，更多请关注 百分百源码网 其它相干文章！
