빈 태그 (empty tag)

<태그>

- 빈태그 : 위에 태그처럼 종료태그 없이 쓰이는 태그 

 

빈태그 종류

빈태그	쓰임새
<area>	이미지의 핫스팟 영역을 정의하고 하이퍼링크를 추가할 수 있습니다. <map> 요소 안에서만 사용할 수 있습니다.
<base>	문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 하나의 <base> 요소만 존재할 수 있습니다.
<br>	텍스트 안에 줄바꿈(캐리지 리턴)을 생성
<col>	표의 열을 나타내며, 열에 속하는 칸에 공통된 의미를 부여할 때 사용합니다. <colgroup> 안에서 찾을 수 있습니다.
<embed>	외부 어플리케이션이나 대화형 컨텐츠와의 통합점을 나타냅니다.
<hr>	이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리
<img>	문서에 이미지를 넣습니다.
<input>	웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성
<meta>	<meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
<link>	요소는 현재 문서와 외부 리소스의 관계를 명시  스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 있습니다.
<param>	<object> 요소의 매개변수를 정의합니다.
<track>	<track> 요소는 미디어 요소(<audio>, <video>)의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다.
<source>	여러 미디어 리소스를 지정
<wbr>	현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다.

 

빈태그의 작성 방법

<태그> vs <태그/>

HTML 1/ 2 / 3 / 4/ 5: 닫힌 태그 없이 사용

XHTML / HTML5 : 닫힌 태그 사용

 

- 헷갈릴 수 있기 때문에 종료 태그라는 걸 알기 위해서 <태그 /> 사용한다. 

 

빈태그의 속성과 값

<태그 속성 ="값" / >

속성(Attribute)과 값(Value)

- 빈태그 기능의 확장, 빈태그 들은 기능을 확장하기 위해 대부분 속성과 값을 갖고 있다 

ex) <input type ="text" placeholder ="텍스트를 작성해 주세요">

속성은 type, placeholder 값 같은 경우 text, 텍스트를 작성해 주세요

---

 

빈태그 참조 웹사이트 

https://developer.mozilla.org/ko/docs/Glossary/Void_element

빈 요소 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

 

TIL

keypoint

빈태그 작성 시 <태그 /> 종료의미의 / (슬래쉬)를 붙여준다

html에서 오류는 발생하지 않으나 라이브러리 사용 시 일어날 수 있다

빈태그는 기능의 확장을 위해 속성과 값을 갖는다. 

 

느낀 점

빈태그의 속성을 좀 더 찾아봐야겠다

 

오늘의 학습 만족도 

⭐⭐⭐⭐⭐