问题描述
- 关于html中hidden的一个疑问
-
https://www.nowcoder.com/ta/front-end-interview/review?page=4
在html中,常用的hidden=“hidden”算不算第二种?
如果算是第二种,第二种说隐藏后仍会保留空间,
准确的答案应该是保留空间后,各个元素会合拢吧
我觉得答案说了一半
解决方案
当html元素被设置为display:none;后,浏览器不会解析该元素,“none”就是没有,消失了,所以他不会再文档流中占位。而visibility:hidden;仅仅是视觉上消失了,“hidden”也就是隐藏了,但是它所在的位置仍然还在,就像你把你个文件给隐藏了,但是这个文件在你的硬盘中
解决方案二:
hidden 属性是 HTML5 中的新属性,隐藏域作用是让用户看不见,通常在隐藏域中放些信息然后提交到服务器端;我觉得算第二种,各个元素不会合拢吧,合拢就会侵占它空间了。仅供参考。
解决方案三:
hidden属性是HTML5的新属性,效果等同于display:none,即隐藏标签并从文档流中移除。
但是该属性和CSS里的display:none的不同之处在于,这个属性的语义价值更高,它表明该元素与当前页面状态没有直接关联,或者日后会被页面的其它部分所使用,这意味着该属性不能被使用在当前状态相关的元素上。
你可以设想,如果有一个链接是链接到一个拥有hidden属性的元素上,那么这个链接就不合理,而且没有价值,因为既然与页面无关,那么就不应该链接到它。
请采纳!
时间: 2024-08-04 14:27:26