대부분의 HTML 요소의 경우 HTML 코드를 작성하여 페이지에 표시 할 때 여는 태그로 시작하고 닫는 태그로 끝납니다. 이 두 태그 사이에는 요소의 내용이 있습니다. 예 :
이것은 텍스트 내용입니다.
이 간단한 단락 요소는 여는 태그와 닫는 태그가 사용되는 방법을 보여줍니다. 대부분의 HTML 요소는이 동일한 패턴을 따릅니다. 그러나 여는 태그와 닫는 태그가없는 HTML 태그가 많이 있습니다.
Void Element 란 무엇입니까?
HTML의 void 요소 또는 싱글 톤 태그는 종료 태그가 유효하지 않은 태그입니다. 이러한 요소는 일반적으로 페이지에 단독으로 있거나 페이지 자체의 컨텍스트에서 내용의 끝이 분명하게 보이는 요소입니다.
HTML Void 요소 목록
void 요소 인 HTML 5 태그가 여러 개 있습니다. 유효한 HTML을 작성할 때이 태그의 후행 슬래시를 생략해야합니다. 이는 아래에 표시된 것입니다. XHTML을 쓰는 경우, 뒤에 슬래시가 필요합니다.
- 이미지 맵 내부의 영역에 사용됩니다.
- 문서의 모든 상대 URL에 대한 기본 URL입니다. 문서 당 1 개까지만 사용할 수 있으며 페이지의
- 단락 대신 단 한 줄 바꿈을 만들기 위해 종종 텍스트 내용에 사용되는 줄 바꿈입니다. 페이지를 여러 개 쌓아서 시각적으로 구분할 수 없습니다. 태그가 시각적으로 필요하므로 CSS의 도메인이기 때문에
- 각 열의 열 속성을 지정합니다.
요소
- 사용자가 호출 할 수있는 명령을 지정합니다.
- 페이지의 직선 인 수평선 규칙. 대부분의 경우 CSS 테두리는이 HTML 요소 대신 구분선을 만드는 데 사용됩니다
- HTML의 핵심 요소 중 하나 인 이미지 태그입니다. 웹 페이지에 그래픽 이미지를 추가하는 데 사용됩니다.
- 방문자의 정보를 캡처하는 데 사용되는 양식 요소. 몇 년 동안 양식에서 사용 된 일반적인 "텍스트"입력에서부터 HTML5의 일부인 새로운 입력 유형에 이르기까지 유효한 입력 유형이 많이 있습니다
- 양식에 사용되는 키 쌍 생성기 필드를 지정하는 데 사용됩니다.
- "하이퍼 링크"또는 anchor () 태그와 혼동하지 말고이 링크는 문서와 외부 자원 사이에 선을 설정하는 것입니다. 예를 들어 외부 CSS 파일에 링크하는 데 사용합니다.
- 메타 태그는 "내용에 대한 정보"입니다. 그들은에서 발견된다. 페이지 정보를 브라우저에 전달하는 데 사용됩니다. 웹 페이지에서 사용할 수있는 가능한 많은 메타 태그가 있습니다.
- 플러그인 매개 변수를 정의하는 데 사용됩니다.
-이 태그를 사용하면 비디오, 이미지 또는 오디오 파일을 포함하여 페이지의 미디어에 대한 대체 파일 경로를 지정할 수 있습니다
- 이것은 Word Break Opportunity의 약자입니다. 텍스트에서 줄 바꿈을 추가 할 수있는 위치를 지정합니다.
다시 말하지만, 이러한 싱글 톤 태그는 HTML 요소의 대다수가 실제로 여는 태그와 닫는 태그를 필요로하므로 규칙에 대한 예외입니다. 이러한 싱글 톤 요소 중 일부는 꽤 자주 (예 : img, 메타 또는 입력과 같이) 사용하는 반면, 다른 것들은 웹 디자인 작업 (keygen, wbr 및 명령은 확실히 세 가지 요소입니다. 웹 페이지에는 일반적이지 않음). HTML 페이지에서 흔히 볼 수있는 것은 없지만 이러한 태그에 익숙하고 HTML 싱글 톤 태그의 아이디어가 무엇인지 알면 도움이됩니다. 이 목록을 웹 개발의 참조로 사용할 수 있습니다.
Jennifer Krynin의 원본 기사입니다. Jeremy Girard에 의해 5/5/17에 편집 됨.