阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML5 新增的标签元素

      HTML5 新元素

      为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,

      比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。

      canvas 新元素

      标签描述
      <canvas>标签定义图形,比如图表和其他图像。本身只提供画布,该标签基于 JavaScript 的绘图 API

      新多媒体元素

      标签描述
      <audio>定义音频内容,比如音乐,录音等
      <video>定义视频,比如电影片段,其他视频流(video 或者 movie)
      <source>定义多媒体资源 <video><audio>
      <embed>定义嵌入的内容。用来插入各种多媒体,比如midi,wav,AIFF,mp3
      <track>为诸如 <video><audio> 元素之类的媒介规定外部文本轨道。

      新表单元素

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

      新的语义和结构元素

      HTML5提供了新的元素来创建更好的页面结构;

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

      已移除的元素

      以下的 HTML4 元素在HTML5中已经被删除:

      <acronym>
      <applet>
      <basefont>
      <big>
      <center>
      <dir>
      <font>
      <frame>
      <frameset>
      <noframes>
      <strike>
      <tt>
      
      目录
      目录