HTML5의 숨겨진 속성을 이전 브라우저와 호환되게 만드는 방법_html5 튜토리얼 팁

또 다른 새로운 속성은 숨겨진 속성입니다. 웹 페이지 요소에 숨겨진 속성이 있으면 해당 동작은 페이지 공간을 차지하지 않고 요소가 사라진다는 점에서 CSS 표시와 매우 유사합니다. 작성 방법은 매우 간단합니다.

코드 복사

코드는 다음과 같습니다.

나를 볼 수 없습니다!

이 속성을 지원하지 않는 이전 브라우저를 사용하는 경우 다음을 수행할 수 있습니다. 이를 지원하려면 CSS에 다음 코드를 추가하세요. :

코드 복사

코드는 다음과 같습니다.

* [hidden] { display: none }

그럼 왜 Hidden 속성을 사용할까요? 의미상 더 의미가 있고 코드의 가독성이 향상된다는 의미입니다. 그리고 CSS의 display:none과 비교하면 말 그대로 더 간단합니다!