<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

<aside>标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

<audio> 标签定义声音,比如音乐或其他音频流。

<canvas> 标签定义图形,比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。

<command> 标签定义命令按钮,比如单选按钮、复选框或按钮。

<datalist> 标签定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表。

<details> 标签定义元素的细节,用户可进行查看,或通过点击进行隐藏。与 <legend> 一起使用,来制作 detail 的标题。该标题对用户是可见的,当在其上点击时可打开或关闭 detail。

<embed> 标签定义嵌入的内容,比如插件。

<figcaption> 标签定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

<figure> 标签用于对元素进行组合。使用 <figcaption> 元素为元素组添加标题。

<footer> 标签定义 section 或 document 的页脚。典型地,它会包含创作者的姓名、文档的创作日期以及/或者联系信息。

<header> 标签定义 section 或 document 的页眉。

<hgroup> 标签用于对网页或区段(section)的标题进行组合。

<mark>主要用来在视觉上向用户呈现那些需要突出的文字。<mark>标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量的范围,既可以在元素的文本中,也可以在 min/max 属性中定义。

<nav> 标签定义导航链接的部分。

<output> 标签定义不同类型的输出,比如脚本的输出。

<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

<time> 标签定义日期或时间,或者两者。

转载于:https://www.cnblogs.com/bgdwxr/p/5213758.html

你不得不知道的HTML5的新型标签相关推荐

  1. html语义化标签_5个你可能不知道的html5语义化标签

    1.<ruby>:该标签作用为注释(中文注音或字符),比如可实现下面样式 详见:https://www.runoob.com/tags/tag-ruby.html 2.<abbr&g ...

  2. 你所不知道的HTML5——语音合成

    你所不知道的HTML5--语音合成 前端能力的增强很大程度上依赖于 HTML5 的新 API,从这篇文章开始我也会对平时做不常用的一些 API 做一下学习总结 今天的文章就从语音合成开始 为什么想到这 ...

  3. 【转】你所不知道的HTML head/ 头标签

    HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容, ...

  4. html-你不知道的<meter>标签

    使用<meter>标签测量给定范围内的数据. 代码 <label for="home">/home/atapas</label> <met ...

  5. 你绝对不知道的head标签

    你绝对不知道的head标签 先来梳理一下本文的目录结构 现在我将详解head标签和它六个子标签的属性和作用,请耐心看完,会有很大的收获哦! 一.head标签 可选属性: 属性 值 描述 profile ...

  6. 使用HTML5的语义标签

    看了文章Using HTML5 semantic elements today,做了一点翻译 原文地址:[url]http://www.nczonline.net/blog/2011/03/22/us ...

  7. 「从源码中学习」面试官都不知道的Vue题目答案

    前言 当回答面试官问及的Vue问题,我们除了照本宣科的回答外,其实还可以根据少量的源码来秀一把,来体现出你对Vue的深度了解. 本文会陆续更新,此次涉及以下问题: "new Vue()做了什 ...

  8. servlet后台如何接受multpartfile_Servlet进阶教程(你不得不知道的Servlet知识点)

    " 人生的游戏不在于拿了一副好牌,而在于怎样去打好坏牌,世上没有常胜将军,勇于超越自我者才能得到最后的奖杯." 你好,我是梦阳辰!快和我一起学习吧! 精彩回放: Servlet入门 ...

  9. 14个你可能不知道的JavaScript调试技巧

    以更快的速度和更高的效率来调试JavaScript 熟悉工具可以让工具在工作中发挥出更大的作用.尽管江湖传言 JavaScript 很难调试,但如果你掌握了几个技巧,就能用很少的时间来解决错误和bug ...

最新文章

  1. 斯坦福马腾宇:用显式正则器提升深度神经网络的泛化能力
  2. 解决PLSQL 查询后显示中文为问号(???)问题
  3. 【MYSQL】常用命令备忘录
  4. CVE-2015-8966/AndroidID-31435731
  5. 浏览器从输入URL到页面渲染过程 —— 浏览器的进程与线程
  6. QThread(一)_vortex_新浪博客
  7. 随手练——HDU Safe Or Unsafe (小根堆解决哈夫曼问题)
  8. 线程(进程线程的比较)
  9. winpcap的使用
  10. nodejs 之创建文件
  11. 【学习】从零开始的Android音视频开发(6)——MediaPlayerService中BinderDriver、创建播放器过程、建立StageFright层交互
  12. 锐捷交换机基本功能配置
  13. 稳定kms服务器,kms服务器
  14. 洛谷3678:简单的数学题(画柿子+杜教筛)
  15. 如何运用eclipse的编写Java程序
  16. LVGL8学习之msgbox
  17. php离线bt下载,transmission + nginx = 离线BT下载站
  18. python五大模块_python-5-常用模块
  19. qt编写网易云界面(3)----列表框的实现
  20. C#中字节数组(byte[])和字符串相互转换

热门文章

  1. Asp.net中web.config配置文件详解
  2. zookeeper专题:zookeeper的节点类型,数据持久化机制
  3. 程序猿怎样的生活方式才能兼顾工作、家庭和自我提升
  4. 《Go语言程序设计》读书笔记 (九) 命令工具集
  5. Redis的管道pipeline
  6. 浅析Lock工具类LockSupport
  7. java简单模拟实现数据库连接池
  8. Express--socket.io使用session验证
  9. SVN的trunk branch tag
  10. ajax post 请求 一直提示 404 not found textStatus error