登录  /  注册

html中关于常见全局属性以及全局属性的含义

黄舟
发布: 2017-06-19 09:34:03
原创
2422人浏览过

html 属性能够赋予元素含义和语境。
下面的全局属性可用于任何 html5 元素。

html 5 全局属性
new:html 5 中新的全局属性。
属性                                                       描述
accesskey                                              规定访问元素的键盘快捷键
class                                                      规定元素的类名(用于规定样式表中的类)。
contenteditable                                    规定是否允许用户编辑内容。
contextmenu                                        规定元素的上下文菜单。
dir                                                         规定元素中内容的文本方向。
draggable                                             规定是否允许用户拖动元素。
dropzone                                              规定当被拖动的项目/数据被拖放到元素中时会发生什么。
hidden                                                  规定该元素是无关的。被隐藏的元素不会显示。
id                                                          规定元素的唯一 id。
lang                                                      规定元素中内容的语言代码。
spellcheck                                            规定是否必须对元素进行拼写或语法检查。
style                                                     规定元素的行内样式。
tabindex                                              规定元素的 tab 键控制次序。
title                                                      规定有关元素的额外信息。

以下是常用的全局属性:

1、accesskey属性

accesskey属性规定激活元素的快捷键。accesskey="accesskey",使用ALT+accesskey(shinft+alt+accesskey)来访问带有指定快捷键的元素。

<a href="http://www.baidu.com" accesskey="h">百度</a><br>  
<a herf="https://www.sogou.com" accesskey="c">搜狗</a>
登录后复制

按住快捷键alt+h可以打开百度网页,同样,按住快捷键alt+c可以打开搜狗网页。

2、id、class属性分别是为元素命名唯一id和类名。

3、tabindex属性

tabindex属性规定tab键控制次序(tab键用于导航时),当按tab键时,元素聚焦的次序。tabindex="number","number"代表聚焦的次序。

<a href="http://www.baidu.com" tabindex="2">百度</a><br>  
  
<a href="https://www.sogou.com" tabindex="1">搜狗</a><br>  
  
<a href="http://www.sina.com.cn" tabindex="3">新浪</a><br><strong>  
</strong>
登录后复制

当按一次tab键时,聚焦于"搜狗"上,

1498.png

当按第二次tab时,聚焦于"百度"上,

1499.png

同理,当按第三次tab键时,聚焦于"新浪"上,

1500.png

4、hidden属性

hidden属性规定元素为隐藏,表示该元素不相关,为布尔值。

5、contenteditable属性

contenteditable属性规定元素内容是否可编辑的,"true"表示可编辑,"false"表示不能编辑。

<p contenteditable="true">这段文字可被编辑</p>  
<p contenteditable="false">这段文字不能被编辑</p>
登录后复制

当鼠标点击第一段文字时,有显示该段文字可编辑的提示,如图:

1501.png

当鼠标点出第二段文字时,没有显示可编辑的提示,如图:

1502.png

6、其它的全局属性,如:style、title、lang、spellcheck、translage、dir、draggable、dropzone等


以上就是html中关于常见全局属性以及全局属性的含义的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号