網頁設計-HTML的屬性索引表格

此表格HTML的屬性編排方式為按照A→Z字母排序

我們簡單整理了各個HTML元素與HTML屬性的簡單使用說明

 

Attribute 屬性的名稱 Elements 適用的元素 使用說明
accept <form><input>
accept-charset <form>
accesskey Global attribute
action <form>
align <applet><caption><col>,

<colgroup><hr><iframe>,

<img><table><tbody>,

<td><tfoot> , <th>,

<thead><tr>

allow <iframe>
alt <applet><area><img><input>
async <script>
autocapitalize Global attribute
autocomplete <form><input><select><textarea>
autofocus <button><input><keygen>,

<select><textarea>

autoplay <audio><video>
background <body><table><td><th>
bgcolor <body><col><colgroup>,

<marquee><table><tbody>,

<tfoot><td><th><tr>

border <img><object><table>
buffered <audio><video>
capture <input>
challenge <keygen>
charset <meta><script>
checked <command><input>
cite <blockquote><del><ins><q>
class Global attribute
code <applet>
codebase <applet>
color <hr> 通常都會使用CSS來設定hr (水平分隔線)的顏色,但是還是可以使用,請參考這個示範語法
cols <textarea>
colspan <td><th>
content <meta>
contenteditable Global attribute
contextmenu Global attribute
controls <audio><video>
coords <area>
crossorigin <audio><img><link><script><video>
csp <iframe>
data <object>
data-* Global attribute
datetime <del><ins><time>
decoding <img>
default <track>
defer <script>
dir Global attribute
dirname <input><textarea>
disabled <button><command><fieldset>,

<input><keygen><optgroup>,

<option><select><textarea>

download <a><area>
draggable Global attribute
enctype <form>
enterkeyhint <textarea>contenteditable
for <label><output>
form <button><fieldset><input>,

<keygen><label><meter>,

<object><output><progress>,

<select><textarea>

formaction <input><button>
formenctype <button><input>
formmethod <button><input>
formnovalidate <button><input>
formtarget <button><input>
headers <td><th>
height <canvas><embed><iframe>,

<img><input><object>,

<video>

hidden Global attribute
high <meter>
href <a><area><base><link>
hreflang <a><area><link>
http-equiv <meta>
icon <command>
id Global attribute
importance <iframe><img><link><script>
integrity <link><script>
intrinsicsize <img>
inputmode <textarea>contenteditable
ismap <img>
itemprop Global attribute
keytype <keygen>
kind <track>
label <optgroup><option><track>
lang Global attribute
language <script>
loading <img><iframe>
list <input>
loop <audio><bgsound><marquee><video>
low <meter>
max <input><meter><progress>
maxlength <input><textarea>
minlength <input><textarea>
media <a><area><link><source><style>
method <form>
min <input><meter>
multiple <input><select>
muted <audio><video>
name <button><form><fieldset>,

<iframe><input><keygen>,

<object><output><select>,

<textarea><map><meta>,

<param>

novalidate <form>
open <details><dialog>
optimum <meter>
pattern <input>
ping <a><area>
placeholder <input><textarea>
poster <video>
preload <audio><video>
radiogroup <command>
readonly <input><textarea>
referrerpolicy <a><area><iframe>,

<img><link><script>

rel <a><area><link>
required <input><select><textarea>
reversed <ol>
rows <textarea>
rowspan <td><th>
sandbox <iframe>
scope <th>
selected <option>
shape <a><area>
size <input><select>
sizes <link><img><source>
slot Global attribute
span <col><colgroup>
spellcheck Global attribute
src <audio><embed><iframe>,

<img><input><script>,

<source><track><video>

srcdoc <iframe>
srclang <track>
srcset <img><source>
start <ol>
step <input>
style Global attribute
tabindex Global attribute
target <a><area><base><form>
title Global attribute
translate Global attribute
type <button><input><command>,

<embed><object><script>,

<source><style><menu>,

<link>

usemap <img><input><object>
value <button><data><input>,

<li><meter><option>,

<progress><param>

width <canvas><embed><iframe>,

<img><input><object>,

<video>

wrap <textarea>
GlobalEventHandlers (通用事件處理器) 需要搭配JavaScript語法使用

資料來源為MDN-Mozilla的Attribute英文版

最後修改日期: 2022 年 3 月 10 日

作者

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。