如何定義<article>及如何使用article呢?
w3c這樣解釋: <article> 標簽定義外部的內容。
外部內容可以是來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。
先讓大家看個例子:
<!DOCTYPE HTML>
<meta charset="utf-8">
<html>
<style type="text/css">
body{ font-size:12px; padding:10px 0; background:#00CCCC}
*{ margin:0; padding:0;}
.classa{width:800px; height:auto; text-align:center; padding:20px 0; margin:0 auto; background:#efefef; border:#CCCCCC 1px solid; border-radius:3px;-moz-border-radius:3px; -khtml-border-radius:3px; margin-bottom:50px;}
</style>
<body>
<article draggable="true" class="classa">
看看是否可以拖動?
</article>
<article contenteditable="true" class="classa">
點擊編輯我也可以哦。
</article>
</body>
</html>
<article> 標簽支持哪些屬性呢?
常用的屬性:class、id、style,這三個就不用給大家介紹了。
在這里著重的給大家說article標簽的新屬性及屬性值:
contenteditable(規定是否允許用戶編輯內容。值:true、false)
contextmenu(規定元素的上下文菜單。值:menu_id)
data-yourvalue(創作者定義的屬性。HTML 文檔的創作者可以定義他們自己的屬性。必須以 “data-” 開頭。值:value)
draggable(規定是否允許用戶拖動元素。值:true、false)
hidden(規定該元素是無關的。被隱藏的元素不會顯示。值:hidden)
item(用于組合元素。值:empty、url)
itemprop(用于組合項目。值:url、group value)
spellcheck(規定是否必須對元素進行拼寫或語法檢查。值:true、false)
subject(規定元素對應的項目。值:id)