English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML hidden 속성

전역 속성 hidden은 불리언 속성으로, 요소가 아직이거나 더 이상 관련이 없음을 나타냅니다. 예를 들어, 로그인이 완료될 때까지 페이지 요소를 숨기는 데 사용될 수 있습니다. 이 속성을 설정한 요소는 표시되지 않습니다.

HTML 전역 속성

hidden 속성을 가진 요소의 CSS display 속성을 변경하면 이 동작을 대체합니다. 예를 들어, 요소가 display: flex로 설정되면 hidden 속성이 설정되어 있어도 요소가 표시됩니다.

온라인 예제

숨겨진 단락과 일반 단락을 표시합니다:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML hidden 속성의 사용(기본 튜토리얼 웹 oldtoolbag.com)</title>
</<head>
<body>
<p hidden="hidden">이것은 숨겨진 문단입니다.</p>
<p>이것은 일반적으로 보이는 문단입니다.</p>
</body>
</html>
테스트해 보세요 ‹/›

브라우저 상호兼容성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 지원합니다.

정의와 사용법

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

  2. 만약 있으면, 요소가 아직 관련이 없거나 더 이상 관련이 없음을 지정합니다.

  3. 브라우저는 지정된 hidden 속성을 가진 요소를 표시하지 않아야 합니다.

  4. hidden 속성은 사용자가 요소를 보이지 않도록 막을 수 있으며, 특정 조건(예: 체크박스 선택 등)이 충족되면 JavaScript가 hidden 속성을 제거하고 요소를 보이게 할 수 있습니다.

HTML 4.01 HTML과5간의 차이

hidden 속성은 HTML5 에 새로운 속성이 있습니다.

HTML과 XHTML 간의 차이

XHTML에서, 속성은 줄임 금지되며, hidden 속성은 반드시 '<'로 정의되어야 합니다.element hidden="hidden">.

문법

        <element hidden>


HTML 전역 속성