1.属性总以名称值对的形式出现,name="value".属性值总被放在双引号内,单引号也可以。
2.如果属性值中本身包含双引号,则整个属性值必须包围在单引号内。
例.<p name='she "hello" world'>单引号的使用</p>
3.常见的属性:
class规定元素的类名。
id规定元素的唯一id.
style规定元素的行内样式.
title规定元素的额外信息。
<abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
<p title="Free Web tutorials">W3School.com.cn</p>
accesskey规定激活元素的快捷键。
<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML</a><br />
contenteditable规定元素内容是否可编辑。
例。<p contenteditable="true|false">定义可编辑的段落</p>
contextmenu规定元素上下文菜单,上下文菜单在用户点击元素时显示。
目前只有 Firefox 支持 contextmenu 属性。
例.<div contextmenu="mymenu">
<menu type="context" id="mymenu">
<menuitem label="Refresh"></menuitem>
<menuitem label="Twitter"></menuitem>
</menu>
</div>
注释:html的<menu>type属性包括:llist:规定一个列表菜单、content:规定一个上下文菜单、toolbar:规定一个工具栏菜单。
data-*用于存储页面或应用程序的私有定制数据。
<ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul>
dir规定元素中内容的文本方向。从右往左或从左往右。
<!DOCTYPE html>
<html>
<body>
<p><b>注释:</b>目前。</p>
<p dir="rtl">这段文字会按正常阅读顺序,只是显示在右侧</p>
<bdo dir="rtl">这段文字顺序会从右往左读才通顺</bdo>
</body>
</html>
事例效果图:
注释:目前。
这段文字会按正常阅读顺序,只是显示在右侧
这段文字顺序会从右往左读才通顺draggable规定元素是否可拖动。
<p draggable="true|false">这是一个可以拖动的段落,链接和图像默认是可以拖动的。</p>
dropzone规定在拖动被拖动数据时是否进行复制、移动或链接。
<element dropzone="copy|move|link">
hidden规定元素仍未或不再相关。
<p hidden="hidden">这个段落会被隐藏</p>
lang规定元素内容的语言。
en:英文
zh:中文
spellcheck规定是否对元素进行拼写和语法检查。
<p contenteditable="true" spellcheck="true">这是一个段落。</p>
style规定元素的行内 CSS 样式。
tabindex规定元素的 tab 键次序。(下例按tab键以后,链接次序会是2,3,1)
<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
translate规定是否应该翻译元素内容。
<p translate="yes|no">或者class="notranslate" 替代。