HTML全局属性
accesskey属性
<a href="https://www.86886.wang" accesskey="v">alt + v打开链接</a>
说明:该属性定义元素激活的快捷方式,值为激活用的快捷键。适用于可点击的元素,如a, area, button, input, legend, textarea, legend
,alt键加自定义的快捷键值,或者alt+shift键加自定义的快捷键值。
class属性
说明:该属性为元素定义类名,多个类名用空格分隔开。html,head,meta,title,base,script,style,param
这些元素不能使用class属性。属性值不能以数字开头。
contenteditable属性
我是可编辑的文本
<p contenteditable>我是可编辑的文本</p>
说明:该属性定义元素是否可编辑。子元素会继承父元素的contenteditable值,逻辑属性。
data-*属性
说明:该属性用于存储页面的私有自定义数据,数据能通过JavaScript获取到,虽然html是不区分大小写的,但是属性名不能包含大写字母,属性值可以是任何字符串。
dir属性
改变文本方向
<p dir="rtl">改变文本方向</p>
说明: 该属性改变文本的位置方向。默认值ltr,可选值rtl。
draggable属性
可拖动的文本
<p draggable="true">可拖动的文本</p>
说明:该属性规定元素是否可拖动。链接和图像默认是可拖动的,属性值可以是true,false,auto
, auto是默认值。
hidden属性
隐藏
显示
<p hidden>隐藏</p>
<p>显示</p>
说明:该属性规定元素是否可见,逻辑属性。实际上是浏览器代理设置了display:none
。
id属性
说明:该属性规定元素的唯一id。id在当前页面是唯一的不能重复,如果重复出现也不会报错,它通常为Javascript提供一个钩子,只是脚本只选择第一此出现该id的元素。css能应用于相同id的多个元素,但通常我们选择用class属性而非id属性。
lang属性
说明:该属性规定元素内容的语言。通常我们只为html元素设置lang属性,这样搜索引擎就知道我们的网页是什么语言。语言参考
spellcheck属性
<textarea spellcheck></textarea>
说明:该属性可以检测英文拼写错误,逻辑属性。在表现效果上,当英文单词拼写错误时,会在单词下方加一个红色波浪线,适用于textarea,input等可输入域。
style属性
说明:规定行内元素的样式。
tabindex属性
<a href="https://www.86886.wang" tabindex="1">VueBlog<a>
<a href="https://github.com/wmui" tabindex="2">wmui<a>
说明:该属性定义tab键控制元素焦点顺序,属性值为数字。属性适用于可获得焦点的元素。
title属性
说明:该属性定义当鼠标移到元素上时的提示信息。