HTML <track> 标签

实例

播放带有字幕的视频:

<video width="320" height="240" controls="controls">   
    <source src="forrest_gump.mp4" type="video/mp4" />   
    <source src="forrest_gump.ogg" type="video/ogg" />   
    <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">   
    <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English"> 
</video>

浏览器支持

Internet Explorer 10, Chrome 以及 Opera 支持 <track> 标签。

定义和用法

<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。

用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。

浏览器支持

目前所有主流浏览器都不支持 <track> 标签。

HTML 4.01 与 HTML 5 之间的差异

<track> 标签是 HTML 5 中的新标签。

属性

属性描述
defaultdefault规定该轨道是默认的,假如没有选择任何轨道。
kind
  • captions

  • chapters

  • descriptions

  • metadata

  • subtitles

表示轨道属于什么文本类型。
labellabel轨道的标签或标题。
srcurl轨道的 URL。
srclanglanguage_code轨道的语言,若 kind 属性值是 "subtitles",则该属性必需的。

全局属性

<track> 标签支持 HTML 中的全局属性。

事件属性

<track> 标签支持 HTML 中的事件属性。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5中共有105个标签,作用如下: 1. `<html>`:定义HTML文档 2. `<head>`:定义HTML文档的头部部分 3. `<title>`:定义HTML文档的标题 4. `<base>`:定义HTML文档中所有链接的默认地址或默认目标 5. `<link>`:定义HTML文档与外部资源的关系 6. `<meta>`:定义HTML文档的元数据 7. `<style>`:定义HTML文档的样式信息 8. `<script>`:定义HTML文档的脚本信息 9. `<noscript>`:为不支持脚本的浏览器提供替代内容 10. `<body>`:定义HTML文档的主体部分 11. `<article>`:定义独立的文章内容 12. `<section>`:定义一个一般的区块 13. `<aside>`:定义文章的侧边栏内容 14. `<nav>`:定义文档的导航链接 15. `<header>`:定义文档的头部信息 16. `<footer>`:定义文档的底部信息 17. `<h1>-<h6>`:定义标题级别 18. `<p>`:定义段落 19. `<br>`:定义换行 20. `<hr>`:定义水平分隔线 21. `<pre>`:定义预格式化的文本 22. `<blockquote>`:定义长的引用 23. `<q>`:定义短的引用 24. `<abbr>`:定义缩写 25. `<address>`:定义联系信息 26. `<bdo>`:定义文本方向 27. `<cite>`:定义引用标题 28. `<code>`:定义计算机代码 29. `<del>`:定义被删除的文本 30. `<dfn>`:定义术语定义 31. `<em>`:定义强调文本 32. `<i>`:定义斜体文本 33. `<ins>`:定义插入的文本 34. `<kbd>`:定义键盘输入 35. `<mark>`:定义背景高亮文本 36. `<meter>`:定义度量衡 37. `<progress>`:定义进度条 38. `<q>`:定义短的引用 39. `<rp>`:定义对ruby注释的不支持浏览器的显示 40. `<rt>`:定义对ruby注释的解释 41. `<ruby>`:定义ruby注释 42. `<samp>`:定义编程代码示例 43. `<small>`:定义小号文本 44. `<strong>`:定义强调文本 45. `<sub>`:定义下标文本 46. `<sup>`:定义上标文本 47. `<time>`:定义日期和时间 48. `<var>`:定义变量 49. `<wbr>`:定义可换行之处 50. `<audio>`:定义音频内容 51. `<video>`:定义视频内容 52. `<source>`:定义多媒体资源 53. `<track>`:定义文本轨道 54. `<canvas>`:定义图形 55. `<svg>`:定义可缩放的矢量图形 56. `<datalist>`:定义输入框可选列表 57. `<keygen>`:定义密钥对生成器字段 58. `<output>`:定义计算结果输出 59. `<progress>`:定义进度条 60. `<meter>`:定义度量衡 61. `<details>`:定义可打开/关闭的部分 62. `<summary>`:定义details元素的标题 63. `<dialog>`:定义对话框 64. `<menu>`:定义菜单 65. `<command>`:定义命令按钮 66. `<datalist>`:定义输入框可选项列表 67. `<ruby>`:定义ruby注释 68. `<ruby>`:定义ruby注释 69. `<acronym>`:定义缩写 70. `<applet>`:定义java applet 71. `<basefont>`:定义页面的默认字体、颜色和大小 72. `<big>`:定义大字体 73. `<center>`:定义居中文本 74. `<dir>`:定义目录列表 75. `<font>`:定义字体的相关属性 76. `<frame>`:定义一个窗口或框架 77. `<frameset>`:定义多个窗口或框架 78. `<noframes>`:为不支持框架的浏览器提供替代内容 79. `<strike>`:定义删除线文本 80. `<tt>`:定义打字机文本 81. `<u>`:定义下划线文本 82. `<xmp>`:定义预格式文本 83. `<b>`:定义粗体文本(已废弃) 84. `<i>`:定义斜体文本(已废弃) 85. `<u>`:定义下划线文本(已废弃) 86. `<menuitem>`:定义菜单项(已废弃) 87. `<multicol>`:定义成列文本(已废弃) 88. `<nextid>`:定义下一个对象的编号(已废弃) 89. `<s>`:定义删除线文本(已废弃) 90. `<spacer>`:定义图像或文本间隔(已废弃) 91. `<strike>`:定义删除线文本(已废弃) 92. `<noembed>`:为不支持嵌入式的浏览器提供替代内容(已废弃) 93. `<plaintext>`:定义纯文本内容(已废弃) 94. `<isindex>`:定义单行输入框和搜索按钮(已废弃) 95. `<blink>`:定义闪烁的文本(已废弃) 96. `<marquee>`:定义滚动的内容(已废弃) 97. `<basefont>`:定义页面的默认字体、颜色和大小(已废弃) 98. `<keygen>`:定义密钥对生成器字段(已废弃) 99. `<command>`:定义命令按钮(已废弃) 100. `<source>`:定义多媒体资源(已废弃) 101. `<track>`:定义文本轨道(已废弃) 102. `<frame>`:定义一个窗口或框架(已废弃) 103. `<frameset>`:定义多个窗口或框架(已废弃) 104. `<noframes>`:为不支持框架的浏览器提供替代内容(已废弃) 105. `<applet>`:定义java applet(已废弃)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值