• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • hidden

    版本:HTML5

    全局属性hidden是一个布尔属性,表示一个元素尚未或者不再相关。例如,它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性,它就不会被显示。

    hidden属性不能用于隐藏那些可以在其它板块中合理显示的内容。例如,用hidden属性去隐藏一个选项卡对话框种的面板是不正确的,因为选项卡界面只不过是溢出显示的一种——一个可以等量于一个只显示所有form表单控件的拥有滚动条的大页面。类似地,用hidden属性在某个特定板块中隐藏一部分内容也是不正确的,——如果某些内容被标记为隐藏,它将从所有版块中隐藏,包括例如屏幕阅读器.

    隐藏元素不应与非隐藏元素链接,作为隐藏元素的后代的元素仍然是活动的,这意味着脚本元素仍然可以执行,表单元素仍然可以提交。

    比如说,用href标签链接到一个带有hidden属性标签的区块是不对的。如果这个区块和这个页面不相干,或者这个区块不适用于这个页面,那没有任何理由需要链接到它。

    不过,你还是可以使用 ARIA aria-describedby 标签去引用本身是隐藏的一些描述。

    类似的,你也可以将一个带有hidden属性标签的<canvas>元素作为屏幕外的缓存区域,或者在表单控件中引用一个已经隐藏的表单。

    实例隐藏段落:

    <p hidden>这是一段隐藏的段落。</p>

    浏览器支持

    所有主流浏览器都支持hidden属性,除了 InternetExplorer。

    定义和用法

    hidden属性规定对元素进行隐藏。

    隐藏的元素不会被显示。

    如果使用该属性,则会隐藏元素。

    可以对hidden属性进行设置,使用户在满足某些条件时才能看到某个元素(比如选中复选框,等等)。然后,可使用 JavaScript 来删除hidden属性,使该元素变得可见。

    HTML 4.01 与 HTML5之间的差异

    hidden属性是 HTML5 中的新属性。

    HTML 与 XHTML 之间的差异

    在 XHTML 中,属性禁止简写,hidden 属性必须定义为<element hidden="hidden">.

    语法

    <element hidden>

    上篇:draggable

    下篇:id