닫기 태그가없는 HTML 싱글 톤 태그

대부분의 HTML 요소의 경우 HTML 코드를 작성하여 페이지에 표시 할 때 여는 태그로 시작하고 닫는 태그로 끝납니다. 이 두 태그 사이에는 요소의 내용이 있습니다. 예 :

텍스트 콘텐츠입니다.

이 간단한 단락 요소는 여는 태그와 닫는 태그를 사용하는 방법을 보여줍니다. 대부분의 HTML 요소는이 동일한 패턴을 따릅니다. 그러나 여는 태그와 닫는 태그가없는 HTML 태그가 많이 있습니다.

Void Element 란 무엇입니까?

HTML의 void 요소 또는 싱글 톤 태그는 종료 태그가 유효하지 않은 태그입니다. 이러한 요소는 일반적으로 페이지에 단독으로 있거나 페이지 자체의 컨텍스트에서 내용의 끝이 분명하게 보이는 요소입니다.

HTML Void 요소 목록

void 요소 인 HTML 5 태그가 여러 개 있습니다. 유효한 HTML을 작성할 때이 태그의 후행 슬래시를 생략해야합니다. 이는 아래에 표시된 것입니다. XHTML을 쓰는 경우, 뒤에 슬래시가 필요합니다.

• <영역> - 이미지 맵 내부의 영역에 사용됩니다.

• - 문서의 모든 상대 URL에 대한 기본 URL입니다. 이 문서 당 1 개까지만 가능하며 페이지의 에 있어야합니다.

• 
  -이 단락은 단락 대신 단 한 줄 바꿈을 만들기 위해 종종 텍스트 내용에 사용됩니다. 시각적 인 필요성이 있으므로 CSS의 도메인이기 때문에 많은
  태그를 쌓아서 페이지에 시각적 분리를 생성해서는 안됩니다

• - 요소 내의 각 열에 대한 열 속성 지정

• - 사용자가 호출 할 수있는 명령을 지정합니다.

• - 통합을 위해 외부 응용 프로그램 및 대화 형 콘텐츠와 함께 사용됩니다.

• ---

  - 페이지의 직선 인 수평선 규칙. 대부분의 경우 CSS 테두리는이 HTML 요소 대신 구분선을 만드는 데 사용됩니다

• - HTML의 핵심 요소 중 하나 인 이미지 태그입니다. 웹 페이지에 그래픽 이미지를 추가하는 데 사용됩니다.

• - 방문자의 정보를 캡처하는 데 사용되는 양식 요소입니다. 몇 년 동안 양식에서 사용 된 일반적인 "텍스트"입력에서부터 HTML5의 일부인 새로운 입력 유형에 이르기까지 유효한 입력 유형이 많이 있습니다

• - 양식에 사용되는 키 쌍 ​​생성기 필드를 지정하는 데 사용됩니다.

• - "하이퍼 링크"또는 앵커 () 태그와 혼동하지 않도록이 링크는 문서와 외부 리소스 사이에 선을 설정하는 것입니다. 예를 들어 외부 CSS 파일에 링크하는 데 사용합니다.

• - 메타 태그는 "내용에 대한 정보"입니다. 문서의 에 있으며 페이지 정보를 브라우저로 전달하는 데 사용됩니다. 웹 페이지에서 사용할 수있는 가능한 많은 메타 태그 가 있습니다.

• - 플러그인 매개 변수를 정의하는 데 사용됩니다.

• -이 태그를 사용하면 비디오, 이미지 또는 오디오 파일을 포함하여 페이지의 미디어에 대한 대체 파일 경로를 지정할 수 있습니다

• <트랙> -이 태그는 <비디오> 또는 <오디오> 태그로 자주 추가되는 미디어 파일, 비디오 또는 오디오와 함께 사용할 트랙을 설정합니다

• - Word Break Opportunity의 약어입니다. 텍스트에서 줄 바꿈을 추가 할 수있는 위치를 지정합니다.

다시 말하지만, 이러한 싱글 톤 태그는 HTML 요소의 대다수가 실제로 여는 태그와 닫는 태그를 필요로하므로 규칙에 대한 예외입니다. 이러한 싱글 톤 요소 중 일부는 꽤 자주 (예 : img, 메타 또는 입력과 같이) 사용하는 반면, 다른 것들은 웹 디자인 작업 (keygen, wbr 및 명령은 확실히 세 가지 요소입니다. 웹 페이지에는 일반적이지 않음). HTML 페이지에서 흔히 볼 수있는 것은 없지만 이러한 태그에 익숙하고 HTML 싱글 톤 태그의 아이디어가 무엇인지 알면 도움이됩니다. 이 목록을 웹 개발의 참조로 사용할 수 있습니다.

Jennifer Krynin의 원본 기사입니다. Jeremy Girard에 의해 5/5/17에 편집 됨.