Skip to content

Commit

Permalink
[zh-TW]: update Glossary/Attribute (#25294)
Browse files Browse the repository at this point in the history
Co-authored-by: A1lo <[email protected]>
  • Loading branch information
Dr-XYZ and yin1999 authored Jan 15, 2025
1 parent 1c046ee commit 94fc33b
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions files/zh-tw/glossary/attribute/index.md
Original file line number Diff line number Diff line change
@@ -1,29 +1,21 @@
---
title: 標籤屬性
title: 屬性
slug: Glossary/Attribute
l10n:
sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34
sourceCommit: 26635ef6b1a40e538501bd81fdcf98725e14e6ea
---

{{GlossarySidebar}}

**標籤屬性**(attribute)用於擴充 HTML 或 XML {{Glossary("element", "元素")}},可改變其行為或提供後設資料
**屬性**(attribute)擴展了 {{Glossary("HTML")}}{{Glossary("XML")}} {{Glossary("element", "元素")}},改變其行為或提供後設資料

標籤屬性通常的格式為 `name=value`(屬性的標識符後面接其關聯值)
屬性總是具有 `name="value"` 的形式(屬性的標識符後跟其關聯的值)。你可能會看到沒有等號或值的屬性。這是 HTML 中提供空字串的簡寫。然而,這在 XML 中是無效的:XML 要求所有屬性都必須有明確的值

你可能會看到沒有等於號或者值的標籤屬性,那是一個簡寫,在 HTML 中指代空字符串,或者在 XML 中指代標籤屬性名
許多 HTML 屬性是{{Glossary("Boolean/HTML", "布林屬性")}}。這些屬性的值僅由屬性的存在或不存在來控制。請參閱{{Glossary("Boolean/HTML", "布林屬性")}}以獲取更多資訊

```html
<input required />
<!-- 等同於⋯⋯ -->
<input required="" />
<!-- 或者 -->
<input required="required" />
```

## 標籤屬性的反射
## 屬性的反射

標籤屬性可能會被**反射**到一個指定的接口中的屬性,意味著標籤屬性的值可以通過接口屬性來讀取,也能通過設定接口屬性的值來修改標籤屬性的值
屬性可能會被**反射**到一個指定的介面中的屬性,意味著屬性的值可以通過介面屬性來讀取,也能通過設定介面屬性的值來修改屬性的值

例如,`placeholder` 就被反射到了 {{domxref("HTMLInputElement.placeholder")}}。

Expand All @@ -33,15 +25,15 @@ l10n:
<input placeholder="Original placeholder" />
```

我們可以檢查 {{domxref("HTMLInputElement.placeholder")}} 與標籤屬性之間的反射
我們可以檢查 {{domxref("HTMLInputElement.placeholder")}} 與屬性之間的反射

```js
const input = document.querySelector("input");
const attr = input.getAttributeNode("placeholder");
console.log(attr.value);
console.log(input.placeholder); // 輸出與 `attr.value` 一樣的結果

// 修改 placeholder 的值也會修改反射的標籤屬性的值
// 修改 placeholder 的值也會修改反射的屬性值
input.placeholder = "Modified placeholder";
console.log(attr.value); // 打印 `Modified placeholder`
```
Expand All @@ -50,3 +42,11 @@ console.log(attr.value); // 打印 `Modified placeholder`

- [HTML 屬性參考](/zh-TW/docs/Web/HTML/Attributes)
- HTML 的[全域屬性](/zh-TW/docs/Web/HTML/Global_attributes)相關資訊。
- [W3C XML 推薦標準](https://www.w3.org/TR/xml#sec-starttags)中的 XML 開始標籤屬性推薦
- 相關術語:
- {{Glossary("Element")}}
- {{Glossary("Tag")}}
- {{Glossary("HTML")}}
- {{Glossary("XML")}}
- {{Glossary("Boolean/HTML", "布林屬性")}}
- {{Glossary("Enumerated", "枚舉屬性")}}

0 comments on commit 94fc33b

Please sign in to comment.