html5隐藏属性,隐藏属性(HTML5)和display:none rule(CSS)之间有什么区别?

HTML5有一个新的全局属性,隐藏,可以用来隐藏内容。

Article #1

Lorem ipsum ...

CSS有display:none规则,也可以用来隐藏内容。

article { display:none; }

在视觉上,它们是相同的。语义上有什么区别?计算?

我应该考虑什么时候什么时候使用一个或另一个?

TIA。

编辑:基于@ newtron的回答(下面),我做了更多的搜索。隐藏的属性在去年热烈争论,(显然)几乎没有把它纳入HTML5规范。有人认为这是多余的,没有目的。从我可以告诉,最后的评价是这样的:如果我只定位Web浏览器,没有区别。 (一个页面甚至断言Web浏览器使用display:none来实现隐藏属性。)但是如果我考虑可访问性(例如,我希望我的内容被屏幕阅读器读取),那么有区别。 CSS规则显示:none可能会从网络浏览器中隐藏我的内容,但相应的咏叹调规则(例如,aria-hidden =“false”)可能会尝试读取它。因此,我现在同意@ newtron的答案是正确的,虽然也许(可以说)不如我想的那么清楚。感谢@newtron的帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值