files/zh-tw/glossary/element/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

---
title: 元素
slug: Glossary/Element
tags:
  - HTML
  - 術語
translation_of: Glossary/Element
---
<p>元素（element）是網頁結構的一部分。在 XML 與 HTML 中，元素可能包含資料清單、文字、圖片，或是也可能不包含東西。典型的元素會包含一個有些許屬性（attributes）的開始標籤（opening tag）、被包覆住的文字內容，以及一個結束標籤（closing tag）。<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("DOM")}} 的一部分。DOM，指文件物件模型（document object model），會由 {{glossary("browser")}} 將 DOM 呈現為網頁。</p>

<h2 id="瞭解更多">瞭解更多</h2>

<ul>
 <li>The {{domxref("Element")}} interface, representing an element in the DOM.</li>
 <li><a href="/zh-TW/docs/Web/Guide/HTML/Element">More details about elements.</a></li>
 <li><a href="https://developer.mozilla.org/zh-TW/docs/Web/Web_Components/Custom_Elements">Web_Components/Custom_Elements</a></li>
</ul>