수색…
소개
모든 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
,audio
및video
요소의 미디어 소스를 지정합니다.
아래 예제는 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