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