2013年4月28日 星期日

HTML的全域屬性

所謂的屬性就是attritube,我這裡所寫的就是我們在HTML標籤所下的屬性 :
像是...
<標籤名  屬性="值">Content</標籤名>
example : <a title="Hello!">你好!</a>
這裡的title就是一個全域屬性,可以用在所有的元素上面。

全域屬性的表:

屬性名稱 功能 備註:
accesskey 單 [A-Z] 字元 存取該元素的鍵盤快捷鍵 過去html4不支援,html5回復支援
class 類別的名稱 對該元素取個類別名
contenteditable 布林值(true/false)
該元素是否可以被使用者編輯
contextmenu menu_id 定義元素的上下文功能表 主流瀏覽器大部分都沒有支援
dir ltr/rtl 文字顯示的方向 很少聽到有人在用這個..
draggable true/false/auto 是否可以對該元素進行拖曳
hidden hidden 對該元素隱藏
id id名 對該元素指定一個id名 他是唯一值,一個檔案不能有重複的id
lang 自然語言程式碼 存取該元素的鍵盤快捷鍵 lang="en"
spellcheck 布林值(true/false) 是否對該元素進行語法(拚寫)檢查 html5新增的屬性,大部分瀏覽器已經支援
style 該元素的樣式 定義該元素的行內樣式 style="font-sizt:12px;color:#fff"
tabindex 數字 用tab鍵可依序指到該元素的位子
title 文字/內容 該元素的相關描述


當然還有另外一種屬性叫做事件屬性(事件屬性也有全域的,常見的onClick就是),主要是用來觸發執行javascript之類的屬性。

不過要注意一件事情是,雖然事件的全域屬性可以用在所有的元素,
但他不一定會作用。

(且基於安全性的問題,
若非罕見情況或是逼不得已的情況,我已經盡量不用事件屬性了(<--僅供參考))

沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...