display:none과 visible:hidden은 둘 다 웹 페이지에서 요소를 숨기는 기능이지만 서로 다릅니다. 개인적인 실험 끝에 visible:hidden 속성을 사용하면 객체가 보이지 않게 되지만 객체는 웹 페이지가 차지하는 공간은 변경되지 않았습니다(볼 수는 없지만 터치할 수 있음). 이는 빈 영역을 남겨 두는 것과 동일하며, display:none 속성을 사용하면 개체가 완전히 사라지게 됩니다(보거나 터치할 수 없음).
" 그런 설명입니다.
그런데 부족하다고 느껴서 로딩 문제를 생각해봤습니다.
페이지가 로딩될 때 display:none; 속성을 가진 구조가 동시에 로딩될까요? 로드됩니까? 아니면 표시:블록이 될 때 로드됩니까? 페이지가 로드될 때 동시에 로드됩니까?
내 개인적인 의견은 다음과 같습니다.
display:; 해당 값이 블록이 되면 해당 구조가 로드됩니다.
페이지가 로드되면 가시성이 로드됩니다.