HTML全局属性

accesskey属性

alt + v打开链接

<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属性

VueBlog
wmui

<a href="https://www.86886.wang" tabindex="1">VueBlog<a> 
<a href="https://github.com/wmui" tabindex="2">wmui<a> 

说明:该属性定义tab键控制元素焦点顺序,属性值为数字。属性适用于可获得焦点的元素。

title属性

说明:该属性定义当鼠标移到元素上时的提示信息。

posted @ 2021-09-30 14:31  wmui  阅读(104)  评论(0编辑  收藏  举报