태그와 요소가 혼용되어 사용되는 경우가 많습니다. 저도 그랬습니다. 그러나 엄밀히 따지면 개념이 조금 다릅니다.
태그는 단순히 < 와 >로 묶인 명령어들을 의미합니다. 예를 들어, <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, 오픈튜토리얼스, "엘리먼트는 뭐고, 태그는 또 뭐야"
'코딩 > web' 카테고리의 다른 글
| [css] 글자 굵게 만들어 주는 속성, font-weight (0) | 2020.07.30 |
|---|---|
| [웹서비스] 계곡 물소리로 아기 재우기 (0) | 2020.07.11 |
| margin과 padding의 순서(css) (0) | 2020.07.06 |
| div 요소 테두리 그리기(css) (0) | 2020.07.04 |
| 태그(tag)와 요소(element) 용어 정리 (0) | 2020.07.03 |
| html 문서 내 의 의미는? (0) | 2020.06.19 |
| css로 이미지 가운데 정렬하는 두가지 방법 (0) | 2020.06.18 |
| 그라데이션 효과 주기(css) (1) | 2020.06.02 |
| sticky header와 sticky footer 만들기(css) (8) | 2020.06.01 |
