html5의 숨겨진 부울 속성

예

숨겨진 단락:

<p hidden>这个段落应该被隐藏。</p>

브라우저 지원

IE

Firefox

Chrome

Safari

Opera

모든 주요 브라우저는 숨겨진 속성을 지원합니다. Internet Explorer 제외.

정의 및 사용법

hidden 속성은 부울 속성입니다.

이 속성이 설정되면 요소가 여전히 관련이 있거나 더 이상 관련이 없음을 지정합니다.

브라우저는 숨겨진 속성이 지정된 요소를 표시해서는 안 됩니다.

hidden 속성을 사용하면 특정 조건이 일치할 때까지(예: 특정 체크박스 선택) 사용자가 요소를 볼 수 없도록 할 수도 있습니다. 그런 다음 JavaScript는 숨겨진 속성을 제거하여 이 요소를 표시할 수 있습니다.

HTML 4.01과 HTML5의 차이점

hidden 속성은 HTML5의 새로운 기능입니다.

HTML과 XHTML의 차이점

XHTML에서는 속성 약어가 금지되며 숨겨진 속성은 d813d95ed3c44b2e841fd3e3921ea971으로 정의되어야 합니다.

Syntax

<element hidden>

HTML5는 자리 표시자, 다운로드, 자동 초점 등 매우 간단하면서도 강력한

HTML 속성을 많이 제공합니다. 또 다른 새로운 속성은 숨겨진 속성입니다. 웹 페이지 요소에 숨겨진 속성이 있으면 해당 동작은 CSS의 display: none;과 매우 유사합니다. 요소는 페이지 공간을 차지하지 않고 사라집니다. 작성 방법은 매우 간단합니다.

<div hidden>
	You can&#39;t see me!</div>

오래된 브라우저를 사용하고 있고 이 속성을 지원하지 않는 경우 CSS에 다음 코드를 추가하여 지원하면 됩니다.

*[hidden] { display: none; }

그렇다면 숨겨진 속성을 사용하는 이유는 무엇일까요? 의미상 더 의미가 있고 코드의 가독성이 향상된다는 의미입니다. 그리고 CSS의 display:none과 비교하면 문자 그대로 더 간단합니다!

위 내용은 html5의 숨겨진 부울 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!