태그(tag)와 요소(element) 용어 정리

태그와 요소가 혼용되어 사용되는 경우가 많습니다. 저도 그랬습니다. 그러나 엄밀히 따지면 개념이 조금 다릅니다.

 

태그와 요소 차이

태그

태그는 단순히 < 와 >로 묶인 명령어들을 의미합니다. 예를 들어, <p>, </p>, <h1>, </h1>, <img>와 같은 것들이죠. 이중에서 <p>, <h1>과 같은 것들은 시작태그라고 부르고, </p>, </h1>은 종료태그라고 부릅니다. 태그 중에는 <img> 태그와 같이 종료태그가 없는 태그들도 있습니다. 

 

w3schools의 HTML element reference를 참고하시면 어떤 태그들이 있는지 한눈에 확인하실 수 있습니다. 

 

요소

반면 요소는 태그들을 이용해서 만들어낸 웹페이지의 구성 요소라고 보시면 됩니다. 예를 들어,

 

<p> 안녕하세요. </p>

<h1> bskyvision </h1>

<a href="https://bskyvision.com"> 비스카이비전 </a>

 

과 같은 것을 요소라고 부릅니다. 

 

참고자료

[1] https://opentutorials.org/module/966/6986, 오픈튜토리얼스, "엘리먼트는 뭐고, 태그는 또 뭐야"