• 技术文章 >web前端 >H5教程

    HTML5新增了哪些标签?

    青灯夜游青灯夜游2020-11-17 15:40:44原创150

    HTML5新增的标签:canvas、audio、video、source、embed、track、datalist、keygen、output、article、aside、bdi、nav、mark、rt、rp、ruby、time、wbr等。

    (推荐教程:html教程

    HTML5是HTML的最新版本,由W3C在2014年完成标准定制。增强的浏览器本机功能,减少了浏览器插件(如:flash)应用程序,提高了用户体验满意度,使开发更加方便。HTML1.0到5.0经历了巨大的变化,从单一的文本显示功能到图文并茂的多媒体显示功能,许多特性经过多年的完善,已经发展成为一种非常重要的标记语言。HTML5新增了一些结构性标记、多媒体标记和表单标记。

    <canvas> 新元素

    标签描述
    <canvas>标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

    新多媒体元素

    标签描述
    <audio>定义音频内容
    <video>定义视频(video 或者 movie)
    <source>定义多媒体资源 <video> 和 <audio>
    <embed>定义嵌入的内容,比如插件。
    <track>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

    新表单元素

    标签描述
    <datalist>定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
    <keygen>规定用于表单的密钥对生成器字段。
    <output>定义不同类型的输出,比如脚本的输出。

    新的语义和结构元素

    标签描述
    <article>定义页面独立的内容区域。
    <aside>定义页面的侧边栏内容。
    <bdi>允许您设置一段文本,使其脱离其父元素的文本方向设置。
    <command>定义命令按钮,比如单选按钮、复选框或按钮
    <details>用于描述文档或文档某个部分的细节
    <dialog>定义对话框,比如提示框
    <summary>标签包含 details 元素的标题
    <figure>规定独立的流内容(图像、图表、照片、代码等等)。
    <figcaption>定义 <figure> 元素的标题
    <footer>定义 section 或 document 的页脚。
    <header>定义了文档的头部区域
    <mark>定义带有记号的文本。
    <meter>定义度量衡。仅用于已知最大和最小值的度量。
    <nav>定义导航链接的部分。
    <progress>定义任何类型的任务的进度。
    <ruby>定义 ruby 注释(中文注音或字符)。
    <rt>定义字符(中文注音或字符)的解释或发音。
    <rp>在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
    <section>定义文档中的节(section、区段)。
    <time>定义日期或时间。
    <wbr>规定在文本中的何处适合添加换行符。

    更多编程相关知识,请访问:编程学习!!

    以上就是HTML5新增了哪些标签?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:HTML5 标签
    上一篇:h5页面设计是什么 下一篇:html5怎么嵌入视频
    第14期线上培训班

    相关文章推荐

    • html是一种页面什么型语言?• 怎么在html中实现图片超链接• html中行内元素与块级元素的区别是什么• 浅析HTML5中使用data-*来自定义属性• 添加背景音乐的html标签是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网