---
title: 요소
slug: Glossary/Element
tags:
  - CodingScripting
  - Glossary
  - HTML
  - 엘리먼트
translation_of: Glossary/Element
---
<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>

<p><strong>요소</strong>(element)는 웹 페이지를 구성합니다. {{glossary("XML")}}과 {{glossary("HTML")}}에서, 요소는 데이터 항목, 텍스트 한 묶음, 이미지를 담을 수 있고, 아무것도 담지 않을 수도 있습니다. 일반적인 요소는 여는 태그와 몇 가지 {{glossary("attribute", "특성")}}, 내부의 텍스트 콘텐츠, 닫는 태그로 구성됩니다.<br>
 <img alt="Example: in &lt;p class=&quot;nice&quot;>Hello world!&lt;/p>, '&lt;p class=&quot;nice&quot;>' is an opening tag, 'class=&quot;nice&quot;' is an attribute and its value, 'Hello world!' is enclosed text content, and '&lt;/p>' is a closing tag." src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p>

<p>요소와 {{glossary("tag", "태그")}}는 <strong>같지 않습니다</strong>. 태그는 소스 코드에서 요소의 시작과 끝을 표시하고, 요소는 {{glossary("browser", "브라우저")}}가 페이지를 표시할 때 사용하는 문서 모델인 {{glossary("DOM")}}의 일부입니다.</p>

<h2 id="같이_보기">같이 보기</h2>

<ul>
 <li><a href="/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started">HTML 시작하기</a></li>
 <li><a href="/ko/docs/Web/Web_Components/Using_custom_elements">사용자 지정 요소 정의하기</a></li>
 <li>DOM의 요소를 나타내는 {{domxref("Element")}} 인터페이스</li>
</ul>