수색…


소개

모든 HTML 태그가 같은 구조로되어있는 것은 아닙니다. 대부분의 요소는 여는 태그, 닫는 태그 및 내용을 필요로하지만 일부 요소 (void 요소라고 함)는 요소가 없으므로 여는 태그 만 필요합니다. 이 항목에서는 HTML에서 void 요소의 올바른 사용법을 설명하고 보여줍니다.

비고

void 요소는 내용을 가질 수 없지만 속성을 가질 수 있습니다. Void 요소는 자동으로 닫히기 때문에 닫는 태그가 없어야합니다.

HTML5 에서 다음 요소는 무효입니다.

  • area
  • base
  • br
  • col
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

공허 요소

HTML 4.01 / XHTML 1.0 Strict에는 다음 void 요소가 포함됩니다.

  • area - 이미지에서 클릭 가능한 정의 된 영역
  • base - 모든 링크가 기본이되는 기본 URL을 지정합니다.
  • br - 줄 바꿈
  • col - 테이블의 열 [비추천]
  • hr - 수평선 (선)
  • img - 이미지
  • input - 사용자가 데이터를 입력하는 필드
  • link - 외부 리소스를 문서에 연결합니다.
  • meta - 문서에 대한 정보를 제공합니다.
  • param - 플러그인 매개 변수를 정의합니다.

HTML 5 표준에는 이전 목록의 비 비난 대상 태그가 모두 포함됩니다.

  • command - 사용자가 호출 할 수있는 명령을 나타냄 [obsolete]
  • keygen - 웹 인증서의 공개 키 생성을 용이하게합니다. [deprecated]
  • source - picture , audiovideo 요소의 미디어 소스를 지정합니다.

아래 예제는 void 요소를 포함하지 않습니다 .

<div>
    <a href="http://stackoverflow.com/">
        <h3>Click here to visit <i>Stack Overflow!</i></h3>
    </a>
    <button onclick="alert('Hello!');">Say Hello!</button>
    <p>My favorite language is <b>HTML</b>. Here are my others:</p>
    <ol>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>PHP</li>
    </ol>
</div>

모든 요소가 여는 태그, 닫는 태그 및 여는 태그와 닫는 태그 안에있는 텍스트 또는 다른 요소를 갖는 방식에 주목하십시오. 그러나 Void 태그는 아래 예에 나와 있습니다.

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" />
<br>
<hr>
<input type="number" placeholder="Enter your favorite number">

img 태그를 제외한 모든 void 요소에는 여는 태그 만 있습니다. img 태그는 다른 태그와는 달리, 자기 폐쇄가 / 여는 태그의 기호보다 더 전합니다. 슬래시 앞에 공백을 두는 것이 가장 좋습니다.



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow