[HTML] 태그와 엘리먼트의 차이

[HTML] 태그와 엘리먼트의 차이

 

 

한 줄 요약 : 태그는 '<anything>' 하나를 의미하고 엘리먼트는 <anything></anything> 즉 태그 쌍을 의미한다.

 

1. 태그(tag)

 

 

다음과 같이 생긴것을 태그라고 한다.

<a>

즉"<"와 ">"로 묶인 일련의 명령어이다.

 

 

태그에는 세 가지 종류가 있다.

• 시작태그 : <a>
• 종료태그 : </a>
• 빈태그 : <br />, <hr />, <img />등

 

태그의  구성

시작태그는 "속성(attribute)"과 "값(value)"을 가질 수 있다.

 

위에서 <a>시작태그는 속성과 값을 가지고 있는데 "href"는 속성이라고 하며 "https://masterpiece-programming.tistory.com/"를 값이라고 한다.

 

 

2. 엘리먼트(element)

다음과 같이 생긴것들을 엘리먼트라고 한다.

<p>내용이다.</p>

즉 내용을 포함해 시작태그와 종료태그까지를 엘리먼트라고 합니다.

 

 

또 이런것도 엘리먼트이다.

<br />

빈요소(empty element)라고 하여 내용이 없는 경우를 말하며 <hr />, <img />와 같은 것들이 있습니다.