1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
|
---
title: HTML attribute reference
slug: Web/HTML/Attributes
translation_of: Web/HTML/Attributes
---
<p>HTML 中的元素具有<strong>屬性 </strong>; 而這些屬性可以藉由各種方式去設定元素或調整它們的行為,以符合使用者的期待。</p>
<h2 id="屬性列表">屬性列表</h2>
<table class="standard-table">
<thead>
<tr>
<th>屬性名稱</th>
<th>元素</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>hidden</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>避免呈現給定的元素,並且保持子元素,例如 script elements、active。</td>
</tr>
<tr>
<td><code>high</code></td>
<td>{{ HTMLElement("meter") }}</td>
<td>指示下界的上限範圍。</td>
</tr>
<tr>
<td><code>href</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}</td>
<td>連結資源的 URL。</td>
</tr>
<tr>
<td><code>hreflang</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td>
<td>指定連結資源的語言。</td>
</tr>
<tr>
<td><code>http-equiv</code></td>
<td>{{ HTMLElement("meta") }}</td>
<td> </td>
</tr>
<tr>
<td><code>icon</code></td>
<td>{{ HTMLElement("command") }}</td>
<td>指定呈現指令的圖片。</td>
</tr>
<tr>
<td><code>id</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>經常和 CSS 一起被用來設計特定元素。這個屬性的值必須是唯一的。</td>
</tr>
<tr>
<td><code>ismap</code></td>
<td>{{ HTMLElement("img") }}</td>
<td>指示該圖像是伺服器端之影像地圖的一部分。</td>
</tr>
<tr>
<td><code>itemprop</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td> </td>
</tr>
<tr>
<td><code>keytype</code></td>
<td>{{ HTMLElement("keygen") }}</td>
<td>指定所生成密鑰的類型。</td>
</tr>
<tr>
<td><code>kind</code></td>
<td>{{ HTMLElement("track") }}</td>
<td>指明文章 track 的類型。</td>
</tr>
<tr>
<td><code>label</code></td>
<td>{{ HTMLElement("track") }}</td>
<td>指明文章 track 的使用者可讀之標題。</td>
</tr>
<tr>
<td><code>lang</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>定義該元素中所使用的語言。</td>
</tr>
<tr>
<td><code>language</code></td>
<td>{{ HTMLElement("script") }}</td>
<td>定義該元素中所使用的腳本語言。</td>
</tr>
<tr>
<td><code>list</code></td>
<td>{{ HTMLElement("input") }}</td>
<td>指示一串預先定義的選項供使用者參考。</td>
</tr>
<tr>
<td><code>loop</code></td>
<td>{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}</td>
<td>指示當媒體完成時,是否應該從一開始的時候播放。</td>
</tr>
<tr>
<td><code>low</code></td>
<td>{{ HTMLElement("meter") }}</td>
<td>指示上界的下限範圍。</td>
</tr>
<tr>
<td><code>manifest</code></td>
<td>{{ HTMLElement("html") }}</td>
<td>指定文件中緩存清單的 URL。</td>
</tr>
<tr>
<td><code>max</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
<td>指示所允許的最大值。</td>
</tr>
<tr>
<td><code>maxlength</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
<td>定義該元素中所允許的最大字元數目。</td>
</tr>
<tr>
<td><code>media</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}</td>
<td>指定一些連接資源已經被設計的媒體。</td>
</tr>
<tr>
<td><code>method</code></td>
<td>{{ HTMLElement("form") }}</td>
<td>定義當呈交該格式時,哪個 HTTP 方法要被使用。可以用 GET(預設)或是 POST。</td>
</tr>
<tr>
<td><code>min</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td>
<td>指示所允許的最小值。</td>
</tr>
<tr>
<td><code>multiple</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
<td>指示多個值是否可以進入單一輸入的 <code>email</code> 或是 <code>file</code> 之類別。</td>
</tr>
<tr>
<td><code>name</code></td>
<td>{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}</td>
<td>
<p>元素的名字。例如被伺服器所使用時,來識別格式提交的現場。</p>
</td>
</tr>
<tr>
<td><code>novalidate</code></td>
<td>{{ HTMLElement("form") }}</td>
<td>該屬性指示當本格式被提交時,並無法通過驗證。</td>
</tr>
<tr>
<td><code>open</code></td>
<td>{{ HTMLElement("details") }}</td>
<td>指示是否細節顯示於加載頁面上。</td>
</tr>
<tr>
<td><code>optimum</code></td>
<td>{{ HTMLElement("meter") }}</td>
<td>指示最佳化數值。</td>
</tr>
<tr>
<td><code>pattern</code></td>
<td>{{ HTMLElement("input") }}</td>
<td>定義一個元素值將被驗證的正規表達式。</td>
</tr>
<tr>
<td><code>ping</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
<td> </td>
</tr>
<tr>
<td><code>placeholder</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
<td>提示使用者什麼可以被輸入進該區。</td>
</tr>
<tr>
<td><code>poster</code></td>
<td>{{ HTMLElement("video") }}</td>
<td>
<p>顯現一個指示 poster frame 的 URL,直到使用者撥放或是搜索。</p>
</td>
</tr>
<tr>
<td><code>preload</code></td>
<td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
<td>指示是否整個資源、一部分的資源、或是沒有資源應該被預先裝載。</td>
</tr>
<tr>
<td><code>pubdate</code></td>
<td>{{ HTMLElement("time") }}</td>
<td>指示該日期和時間,是否和距離最近的 {{ HTMLElement("article") }} 舊元素的日期一樣。</td>
</tr>
<tr>
<td><code>radiogroup</code></td>
<td>{{ HTMLElement("command") }}</td>
<td> </td>
</tr>
<tr>
<td><code>readonly</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
<td>指示是否該元素可以被編輯。</td>
</tr>
<tr>
<td><code>rel</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td>
<td>指定目標物件和連結物驗的關係。</td>
</tr>
<tr>
<td><code>required</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
<td>指示該元素是否被要求填寫。</td>
</tr>
<tr>
<td><code>reversed</code></td>
<td>{{ HTMLElement("ol") }}</td>
<td>指示該目錄是否應以降序展出而不是升序。</td>
</tr>
<tr>
<td><code>rows</code></td>
<td>{{ HTMLElement("textarea") }}</td>
<td>定義 textarea 的行數。</td>
</tr>
<tr>
<td><code>rowspan</code></td>
<td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
<td>定義表格單元的行數應該被 span over。</td>
</tr>
<tr>
<td><code>sandbox</code></td>
<td>{{ HTMLElement("iframe") }}</td>
<td> </td>
</tr>
<tr>
<td><code>spellcheck</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>指示為該元素的拼字檢查是否允許。</td>
</tr>
<tr>
<td><code>scope</code></td>
<td>{{ HTMLElement("th") }}</td>
<td> </td>
</tr>
<tr>
<td><code>scoped</code></td>
<td>{{ HTMLElement("style") }}</td>
<td> </td>
</tr>
<tr>
<td><code>seamless</code></td>
<td>{{ HTMLElement("iframe") }}</td>
<td> </td>
</tr>
<tr>
<td><code>selected</code></td>
<td>{{ HTMLElement("option") }}</td>
<td>定義一個值將被選擇到上載頁面中。</td>
</tr>
<tr>
<td><code>shape</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
<td> </td>
</tr>
<tr>
<td><code>size</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
<td>定義元素的寬度 (以 pixel 為單位) 。如果該元素之類型的屬性是文本或是密碼,那麼它就是字元的數目。</td>
</tr>
<tr>
<td><code>sizes</code></td>
<td>{{ HTMLElement("link") }}</td>
<td> </td>
</tr>
<tr>
<td><code>span</code></td>
<td>{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}</td>
<td> </td>
</tr>
<tr>
<td><code>src</code></td>
<td>{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}</td>
<td>可嵌入內容的網址。</td>
</tr>
<tr>
<td><code>srcdoc</code></td>
<td>{{ HTMLElement("iframe") }}</td>
<td> </td>
</tr>
<tr>
<td><code>srclang</code></td>
<td>{{ HTMLElement("track") }}</td>
<td> </td>
</tr>
<tr>
<td><code>srcset</code></td>
<td>{{ HTMLElement("img") }}</td>
<td> </td>
</tr>
<tr>
<td><code>start</code></td>
<td>{{ HTMLElement("ol") }}</td>
<td>如果第一個數字不是 1 的話,則定義該數。</td>
</tr>
<tr>
<td><code>step</code></td>
<td>{{ HTMLElement("input") }}</td>
<td> </td>
</tr>
<tr>
<td><code>style</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>定義多載先前的樣式設定之 CSS 樣式。</td>
</tr>
<tr>
<td><code>summary</code></td>
<td>{{ HTMLElement("table") }}</td>
<td> </td>
</tr>
<tr>
<td><code>tabindex</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>多載瀏覽器的預設頁面標籤之順序並且遵守指定的那個。</td>
</tr>
<tr>
<td><code>target</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }}</td>
<td> </td>
</tr>
<tr>
<td><code>title</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>當滑鼠標停在元素時,文本會顯示在工具提示中。</td>
</tr>
<tr>
<td><code>type</code></td>
<td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}</td>
<td>定義元素的類型。</td>
</tr>
<tr>
<td><code>usemap</code></td>
<td>{{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}</td>
<td> </td>
</tr>
<tr>
<td><code>value</code></td>
<td>{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}</td>
<td>定義將顯示在加載頁面上元素的預設值。</td>
</tr>
<tr>
<td><code>width</code></td>
<td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td>
<td>注意 : 在有些情況中,例如 {{ HTMLElement("div") }},這是傳統的屬性,而 CSS {{ Cssxref("width") }} 特性應當被使用。在其他的情況中,例如 {{ HTMLElement("canvas") }} ,寬度必須用該屬性來指定。</td>
</tr>
<tr>
<td><code>wrap</code></td>
<td>{{ HTMLElement("textarea") }}</td>
<td>指定文章是否要被掩飾。</td>
</tr>
</tbody>
<tbody>
<tr>
<td><code>border</code></td>
<td>{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }}</td>
<td>
<p>邊界寬度。</p>
<p>注意 : 這是一個傳統的屬性。請利用 CSS {{ Cssxref("border") }} 特性。</p>
</td>
</tr>
<tr>
<td><code>buffered</code></td>
<td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
<td>包含被緩衝之媒體的時間範圍。</td>
</tr>
<tr>
<td><code>challenge</code></td>
<td>{{ HTMLElement("keygen") }}</td>
<td>隨著公共密鑰提交的挑戰字串。</td>
</tr>
<tr>
<td><code>charset</code></td>
<td>{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}</td>
<td>聲明頁面或腳本的字元編碼。</td>
</tr>
<tr>
<td><code>checked</code></td>
<td>{{ HTMLElement("command") }}, {{ HTMLElement("input") }}</td>
<td>指定在加載頁面上的元素是否要被檢查。</td>
</tr>
<tr>
<td><code>cite</code></td>
<td>{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}</td>
<td>包含一個 URL,用來指出引用或是改變的來源地址。</td>
</tr>
<tr>
<td><code>class</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>經常使用共同屬性和 CSS 一起設計元素。</td>
</tr>
<tr>
<td><code>code</code></td>
<td>{{ HTMLElement("applet") }}</td>
<td>指明被加載與執行的 applet 類別文件之 URL。</td>
</tr>
<tr>
<td><code>codebase</code></td>
<td>{{ HTMLElement("applet") }}</td>
<td>This attribute gives the absolute or relative URL of the directory where applets' .class files referenced by the code attribute are stored.</td>
</tr>
<tr>
<td><code>color</code></td>
<td>{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}</td>
<td>
<p>該屬性使用命名顏色或十六進制 #RRGGBB 格式來設置文本顏色。</p>
<p>注意 : 這是一個傳統的屬性。請使用 CSS {{ Cssxref("color") }} 特性。</p>
</td>
</tr>
<tr>
<td><code>cols</code></td>
<td>{{ HTMLElement("textarea") }}</td>
<td>定義在一個 textarea 中有多少欄位。</td>
</tr>
<tr>
<td><code>colspan</code></td>
<td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
<td>colspan 屬性定義一個單元格之欄位的數量。</td>
</tr>
<tr>
<td><code>content</code></td>
<td>{{ HTMLElement("meta") }}</td>
<td>一個有關於<strong> </strong><code>http-equiv</code> 或是根據上下文 <code>name</code> 的值 。</td>
</tr>
<tr>
<td><code>contenteditable</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>指定元素的內容是否可以被編輯。</td>
</tr>
<tr>
<td><code>contextmenu</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>定義將作為元素上下文選項單的 {{ HTMLElement("menu") }} 元素之 ID。</td>
</tr>
<tr>
<td><code>controls</code></td>
<td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
<td>指定瀏覽器是否應該顯示錄放控制給使用者。</td>
</tr>
<tr>
<td><code>coords</code></td>
<td>{{ HTMLElement("area") }}</td>
<td>一組值指明熱點區域的座標。</td>
</tr>
<tr>
<td>
<p><code>data</code></p>
</td>
<td>
<p>{{ HTMLElement("object") }}</p>
</td>
<td>
<p>指明 URL 的資源。</p>
</td>
</tr>
<tr>
<td>
<p><code>data-*</code></p>
</td>
<td>
<p><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></p>
</td>
<td>
<p>讓您可以將自行定義屬性附加在 HTML 元素上。</p>
</td>
</tr>
<tr>
<td><code>datetime</code></td>
<td>{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}</td>
<td>指定元素所相關的日期與時間。</td>
</tr>
<tr>
<td><code>default</code></td>
<td>{{ HTMLElement("track") }}</td>
<td>指定 track 應被啟用,除非使用者的偏好表示不同。</td>
</tr>
<tr>
<td><code>defer</code></td>
<td>{{ HTMLElement("script") }}</td>
<td>指定該頁面被瀏覽完後腳本應被執行。</td>
</tr>
<tr>
<td><code>dir</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>定義文章的方向。被允許的值有 ltr (Left-To-Right) 或 rtl (Right-To-Left)。</td>
</tr>
<tr>
<td><code>dirname</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
<td> </td>
</tr>
<tr>
<td><code>disabled</code></td>
<td>{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
<td>指名使用者是否可以與元素互動。</td>
</tr>
<tr>
<td><code>download</code></td>
<td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
<td>
<p>指定該超連結是用於下載的資源。</p>
</td>
</tr>
<tr>
<td><code>draggable</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>定義元素是否可以拖曳。</td>
</tr>
<tr>
<td><code>dropzone</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>指定該元素接受它內容的滑鼠落下物。</td>
</tr>
<tr>
<td><code>enctype</code></td>
<td>{{ HTMLElement("form") }}</td>
<td>當方法為 POST 的時候,定義格式日期的內容類型。</td>
</tr>
<tr>
<td><code>for</code></td>
<td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td>
<td>描述屬於這一個的元素。</td>
</tr>
<tr>
<td><code>form</code></td>
<td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
<td>
<p>指定元素之所有者的格式。</p>
</td>
</tr>
<tr>
<td><code>formaction</code></td>
<td>{{ HTMLElement("input") }}, {{ HTMLElement("button") }}</td>
<td>指定元素的作用,多載的動作被定義在 {{ HTMLElement("form") }}。</td>
</tr>
<tr>
<td><code>headers</code></td>
<td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
<td>對適用於該元素的 <th> 元素之 ID。</td>
</tr>
<tr>
<td><code>height</code></td>
<td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td>
<td>注意 : 在有些情況中,例如 {{ HTMLElement("div") }},這是傳統的屬性,而 CSS {{ Cssxref("height") }} 特性應當被使用。在其他的情況中,例如 {{ HTMLElement("canvas") }},高度必須用該屬性來指定。</td>
</tr>
</tbody>
<tbody>
<tr>
<td><code>accept</code></td>
<td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
<td>伺服器接受的類型之列表,通常是文件類型。</td>
</tr>
<tr>
<td><code>accept-charset</code></td>
<td>{{ HTMLElement("form") }}</td>
<td>支持字元集的列表。</td>
</tr>
<tr>
<td><code>accesskey</code></td>
<td><a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">Global attribute</a></td>
<td>定義鍵盤快捷鍵來啟動或添加焦點到該元素。</td>
</tr>
<tr>
<td><code>action</code></td>
<td>{{ HTMLElement("form") }}</td>
<td>一個程序處理經由該格式提交信息的 URI。</td>
</tr>
<tr>
<td><code>align</code></td>
<td>{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}</td>
<td>指定元素的水平對齊方式。</td>
</tr>
<tr>
<td><code>alt</code></td>
<td>
<p>{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}</p>
</td>
<td>在圖像無法顯示的情況下,顯示代替文本。</td>
</tr>
<tr>
<td><code>async</code></td>
<td>{{ HTMLElement("script") }}</td>
<td>指定該腳本應該被不同步得執行。</td>
</tr>
<tr>
<td><code>autocomplete</code></td>
<td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
<td>指定是否以該格式控制,可以在默認情況下由瀏覽器自動完成其值。</td>
</tr>
<tr>
<td><code>autofocus</code></td>
<td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
<td>該元素應該在頁面加載後自動焦距。</td>
</tr>
<tr>
<td><code>autoplay</code></td>
<td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
<td>音頻或視頻應該越早撥放越好。</td>
</tr>
<tr>
<td><code>autosave</code></td>
<td>{{ HTMLElement("input") }}</td>
<td>上一個值應該持續存在到跨頁面加載的可選值之下拉列表中。</td>
</tr>
<tr>
<td><code>bgcolor</code></td>
<td>{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }}</td>
<td>
<p>元素的背景顏色。</p>
<p>注意 : 這是一個傳統的屬性。請使用 CSS {{ Cssxref("background-color") }} 特性。</p>
</td>
</tr>
</tbody>
</table>
<h2 id="內容與IDL屬性">內容與IDL屬性</h2>
<p>在 HTML 中,大部分的屬性有兩種面向 :<strong> 內容屬性</strong>與 <strong>IDL 屬性</strong>。</p>
<p>內容屬性是您可以從內容中設定的屬性 (HTML 程式碼) 而且您可以藉由 {{domxref("element.setAttribute()")}} 或是 {{domxref("element.getAttribute()")}} 來設定它或得到它。內容屬性永遠都是字串,即便我們所期望的值是一個整數。舉例來說,假設今天要用內容屬性去設定一個 {{HTMLElement("input")}} 元素的最大長度是42,您必須在該元素上呼叫 setAttribute("maxlength", "42")。</p>
<p>IDL 屬性也被稱為 JavaScript 特性。您可以使用 JavaScript 特性的 element.foo 以閱讀或是設定這些屬性。當您要得到 IDL 屬性時,它總是要使用 (但可能改變) 基本的內容屬性以返回值,而當您要設定 IDL 屬性時,它需要儲存資料在內容屬性中。換句話說,IDL 屬性在本質上反映了內容屬性。</p>
<p>在大部分的時間中,當 IDL 屬性真正被使用時,將會返回它們的值。舉例而言,{{HTMLElement("input")}} 元素的預設型態是 "text",所以如果您設定 input.type="foobar",<input> 元素一樣是 text 的型態 (在外觀和行為上而言),但是 "type" 內容屬性的值將會變成 "foobar"。然而,IDL 屬性的型態將會回傳 "text" 字串。</p>
<p>IDL 屬性並非永遠的字串 ; 舉例來說,input.maxlength 便是一個數字(型態為 signed long)。當使用 IDL 屬性,您會閱讀或是設定所需的型態,而當您設定 input.maxlength 時,它總是回傳一個數字,因為它正需要一個數字。如果您傳入別的型態,它會依照標準 JavaScript 型態轉換規則,將傳入值轉成一個數字。</p>
<p>IDL 屬性可以 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">反應其他型態</a>,例如 unsigned long、URLs、booleans,等等。不幸的是,並沒有明確的規則來規範,而且與 IDL 屬性行為相對應的內容屬性連結中,也沒有取決於該屬性的方式。在大部分的時間裡,它會遵守 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">規範中所制定的規則</a>,但有時候它並不會。HTML 規範嘗試讓它變得容易使用,但由於各種原因 (大多是因為歷史),有些屬性表現得很奇怪 (舉例來說,select.size),而您應該詳細閱讀規範以了解各個屬性的行為。</p>
<h2 id="另請參見">另請參見</h2>
<ul>
<li><a href="/zh-TW/docs/HTML/Element" title="/en-US/docs/HTML/Element">HTML 元素</a></li>
</ul>
|