1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
---
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 <p class="nice">Hello world!</p>, '<p class="nice">' is an opening tag, 'class="nice"' is an attribute and its value, 'Hello world!' is enclosed text content, and '</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>
|
