大佬教程收集整理的这篇文章主要介绍了HTML5全局属性汇总，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<!DOCTYPE html> <html lang="zh-CN"> <head> <Meta charset="UTF-8"> <Meta name="viewport" content="width=device-width,initial-scale=1.0"> <Meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML全局属性测试</title> </head> <body> <form action=""> <p> Name: <input type="text" name="name" id="" accesskey="n"> </p> <p> password: <input type="password" name="password" id="" accesskey="p"> </p> <p> Name: <input type="submit" name="" id="" value="Log In" accesskey="s"> </p> </form> </body> </html>@H_301_8@在上面的例子中，三个input元素添加了accesskey属性，这样在Mac下就可以用
Control + Alt(Option) + n快捷键访问到Name的输入框了。用来触发accesskey机制的按键组合因平台而异，具体如下：
| 浏览器/平台 | Window | Linux | @H_667_22@mac|
|---|---|---|---|
| Firefox | Alt + Shift + key | Alt + Shift + key | Control + Alt + key |
| Internet Explorer | Alt + key | N/A | N/A |
| Google Chrome | Alt + key | Alt + key | Control + Alt + key |
| Safari | Alt + key | N/A | Control + Alt + key |
| Opera | 同Google Chrome | 同Google Chrome | 同Google Chrome |
<body>
<!-- contenteditable属性应用 -->
<p contenteditable="true">设置为 true 是可编辑的</p>
</body>
@H_301_8@如上例，p元素的contenteditable属性值设置为true时，用户可以单击文字编辑内容。设置为false时禁止编辑。
<!-- dir属性应用 --> <p dir="ltr">从左到右</p> <p dir="rtl">从右到左</p>@H_301_8@
<!-- hidden属性应用 --> <div hidden>这个元素将会被隐藏</div>
<!-- lang属性应用 --> <p lang="en">Hello - how are you?</p>
<!-- spellcheck属性应用 --> <textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>@H_301_8@
<!-- tabindex属性应用 --> <form action=""> <label>Name: <input type="text" name="" id="" tabindex="2"></label> <label>City: <input type="text" name="" id="" tabindex="-1"></label> <label>Country: <input type="text" name="" id="" tabindex="1"></label> <input type="submit" value="" tabindex="3"> </form>@H_301_8@上面的代码实现效果是：在按Tab键的过程中，tabindex为1的Country输入框第一个被选中，接着焦点会跳到Name输入框，最后是submit提交。tabindex设置为-1的元素不会在用户按下Tab键后被选中。
<!-- title属性应用 --> <a href="https://qiqihaobenben.github.io/" title="我的个人网站">qiqihaobenben.github.io</a>
以上是大佬教程为你收集整理的HTML5全局属性汇总全部内容，希望文章能够帮你解决HTML5全局属性汇总所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。