一些屬性的備忘
- <element contenteditable="true">
規(guī)定元素內(nèi)容是否可被用戶編輯。默認(rèn)值為false,若值為true則可被編輯。 - <element contextmenu="menu_id">
生成一個(gè)塊元素的自定義右鍵菜單選項(xiàng),可配合腳本實(shí)現(xiàn)強(qiáng)大的自定義功能。
目前只有火狐瀏覽器支持該屬性??稍诨鸷鼮g覽器查看MDN的示例。 - <element data-custom_attribute="some_value">
可以自定義data屬性,用來(lái)存儲(chǔ)瀏覽器或程序的數(shù)據(jù)。
可以配合JavaScript的dataset屬性來(lái)讀取和操作data-*的自定義屬性。
但data-custom_attribute和dataset暫時(shí)都只支持高級(jí)版本的瀏覽器,所以目前用getAttribute和setAttribute來(lái)操作數(shù)據(jù)是更好的選擇。
在不同位置使用data-custom_attribute屬性,CSS和jQuery中都有相應(yīng)的使用方法。 - <time datetime="time_value" pubdate="pubdate">
time標(biāo)簽可以用來(lái)標(biāo)識(shí)元素內(nèi)容的時(shí)間,但實(shí)際上time在目前所有瀏覽器都不會(huì)顯示任何效果。
time只有兩個(gè)屬性,datetime用來(lái)規(guī)定具體時(shí)間,pubdate只有一個(gè)值:pubdate,它告訴讀者<time> 元素中的日期 / 時(shí)間是文檔的發(fā)布日期。 - <element dir="ltr|rtl">
規(guī)定元素內(nèi)容的文本方向(左或右)。
一些 HTML技巧
- 引用外部 JavaScript,要將
<script>標(biāo)簽放在<head>標(biāo)簽中;僅用于HTML 頁(yè)面內(nèi)的 JavaScript 代碼,放在<body>中且放在最后面。參見(jiàn):js的script標(biāo)簽到底是放在head還是body中?
工作原因,暫時(shí)沒(méi)有前端頁(yè)面開(kāi)發(fā)的需求,所以這篇文章停更。
Sorry everybody o(╥﹏╥)o