html属性大全。

来源：互联网发布：淘宝菲戈体育编辑：程序博客网时间：2024/05/16 14:52

1.属性总以名称值对的形式出现，name="value".属性值总被放在双引号内，单引号也可以。

2.如果属性值中本身包含双引号，则整个属性值必须包围在单引号内。

例.单引号的使用

3.常见的属性：

class规定元素的类名。

id规定元素的唯一id.

style规定元素的行内样式.

title规定元素的额外信息。

<abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
W3School.com.cn

accesskey规定激活元素的快捷键。

contenteditable规定元素内容是否可编辑。

例。定义可编辑的段落

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>
注释：目前。
这段文字会按正常阅读顺序，只是显示在右侧
<bdo dir="rtl">这段文字顺序会从右往左读才通顺</bdo>
</body>
</html>

事例效果图：

注释：目前。

这段文字会按正常阅读顺序，只是显示在右侧

这段文字顺序会从右往左读才通顺

draggable规定元素是否可拖动。

这是一个可以拖动的段落，链接和图像默认是可以拖动的。

dropzone规定在拖动被拖动数据时是否进行复制、移动或链接。

hidden规定元素仍未或不再相关。

这个段落会被隐藏

lang规定元素内容的语言。

en:英文

zh：中文

spellcheck规定是否对元素进行拼写和语法检查。

这是一个段落。

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规定是否应该翻译元素内容。

或者class="notranslate" 替代。

阅读全文

0 0