隐藏(属性) | hidden (attribute)

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

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

隐藏元素不应该从非隐藏元素链接,隐藏元素的后代元素仍然是活动的,这意味着脚本元素仍然可以执行,表单元素仍然可以提交。元素和脚本可能会引用隐藏在其他上下文中的元素。

例如,使用href属性链接到用hidden属性标记的部分是不正确的。如果内容不适用或不相关,那么没有理由链接到它。

然而,使用ARIA aria-describedby属性来引用本身是隐藏的描述是很好的。虽然隐藏描述意味着它们本身没有用处,但它们可以写成这样一种方式,也就是说它们在被描述的元素引用的特定上下文中是有用的。

类似地,具有该hidden属性的画布元素可以被脚本化的图形引擎用作离屏缓冲器,并且表单控件可以使用其表单属性来引用隐藏的表单元素。

注:使用display属性更改元素的CSS hidden属性值将覆盖该行为。例如,display: flex不管hidden属性是否存在,都将显示样式元素。

规范

规范

状态

评论

HTML生活标准该规范中'隐藏'的定义。

生活水平

最新的快照,HTML 5.1没有变化

HTML生活标准该规范中“隐藏元素”的定义。

生活水平

使用CSS定义建议的隐藏属性默认呈现

HTML 5.1该规范中'hidden'的定义。

建议

HTML Living Standard的快照,最初的定义

浏览器兼容性

Feature

Chrome

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

(Yes)

4.0 (2)

11

(Yes)

(Yes)

Feature

Android

Chrome for Android

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

4

(Yes)

4.0 (2)

11

(Yes)

(Yes)

html 自动隐藏属性,隐藏(属性) | hidden (attribute)相关推荐

  1. html 自动隐藏属性,hidden

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

  2. 编写windows 控件需要注意的几个标签属性(Attribute)

    我们在编程控件(Control)或者是组件(Component)的时候总是要暴露一些属性(Property,不同于Attribute)给用户进行配置,以得到可以变化的功能. mapserver .NE ...

  3. iOS - UIView属性hidden, opaque, alpha, opacity的区别

    iOS开发-之UIView属性hidden, opaque, alpha, opacity的区别 一.alpha 液晶显示器是由一个个的像素点组成的,每个像素点都可以显示一个由RGBA颜色空间组成的一 ...

  4. bootstrap实现导航栏的响应式布局,当在小屏幕、手机屏幕浏览时自动折叠隐藏

    <!DOCTYPE html> <html> <head> <title>bootstrap实现导航栏的响应式布局,当在小屏幕.手机屏幕浏览时自动折叠隐 ...

  5. 隐藏域hidden的使用-HTML入门基础(024)

    我们接着上节的内容,上一节我们学习了三种按钮,在HTML中有一种图片域标签,可以用图片方式形成按钮. 语法: <input type="image" src="图片 ...

  6. input 属性hidden 的作用

    <input   type="hidden"/> 属性hidden的作用 将不想展示给用户,但是要提交给服务器的数据保存在隐藏域中

  7. VC 仿QQ窗口靠边自动收缩隐藏效果

    一.观察 模仿前最重要的一步就是观察,经过半天对QQ的摆弄和摸索,总结出了以下一些特点: 1.窗口开始粘附时,检测的是鼠标坐标与桌面边界的距离,特别地,粘附在下面的时候,检测的是与任务栏的距离: 2. ...

  8. html中隐藏域hidden的作用介绍及使用方法,一看就会!!!

    ❤️html中隐藏域hidden的作用介绍及使用方法❤️ 前言 一.定义和用法 二.隐藏域hidden的作用 三.实例 前言 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信 ...

  9. 百行代码打造一个DI容器(支持瞬时生命周期、单利生命周期、构造函数自动注入、属性自动注入、字段自动注入)...

    DI注入在.Net平台是非常流行的, 很多项目都用到了,很多开发人员或多或少也用到DI容器了,感觉DI容器很神奇很厉害.本文将通过百行代码展示DI容器的内部核心代码(包括组件的瞬时生命周期.单利生命周 ...

最新文章

  1. 刚刚:2021软科世界大学学术排名发布!哈佛第一!国内有157所高校上榜!
  2. 有空间感的图片环形滚动代码
  3. 如何评估互阻抗放大器(第 1 部分)
  4. Spring MVC 使用优化建议-缓存URL
  5. oracle强制执行计划,OBA技能2-Oracle执行计划顺序表连接
  6. 生产消费是什么设计模式_快速消费品的完整形式是什么?
  7. [GXOI/GZOI2019]宝牌一大堆(dp)
  8. datagrid底部显示水平滚动_滚动穿透问题探索
  9. 【AS3 Coder】任务七:初涉PureMVC——天气预报功能实现
  10. 第一章 .NET基础-C#基础
  11. mysql 5.7 error log_MySQL · 特性分析 · 5.7 error log 时区和系统时区不同
  12. 编程语言对高手没有差别,对低手差别太明显
  13. 如何在计算机快速删掉快捷方式,电脑桌面上的网页快捷方式怎么删除?怎么在桌面便签上快速删除网页快捷方式...
  14. linux watchdog超时时间,S3C2440看门狗定时器(Watchdog)
  15. 秋招 | 携程 | 携程集团2022秋招内推正式启动啦~!
  16. Mysql从入门到入魔——5. 聚集、分组、子查询
  17. 微信手气红包算法 php,微信随机生成红包金额算法php版
  18. js校验电话、传真、日期
  19. 用Lua语言编写Wireshark dissector插件
  20. 每天一个小技巧【5】·数位板笔刷压感设置

热门文章

  1. mysql utf8mb4 配置_MariaDB(Mysql)配置utf8mb4编码
  2. python网络编程视频教程_Java网络开发视频教程 – 一站式学习Java网络编程视频教程 全面理解BIO(无密)...
  3. c++ fork 进程时 共享内存_linux共享内存mmap
  4. 推荐一波腾讯专家的技术书单,请收下!
  5. 300 行代码带你秒懂 Java 多线程!
  6. 一文教你 Dubbo 服务性能压测(with JMeter)
  7. Android的Handler,Looper源码剖析
  8. oracle创建视图触发器
  9. Tomcat如何将项目发布到webapps目录下
  10. 03-JDBC连接MySQL数据库【插入数据】