• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5新增属性:五种全局属性的介绍

HTML5新增属性:五种全局属性的介绍

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML新增属性等相关知识,匿名希望在学习及工作中可以帮助到您
在HTML5中新增了一个HTML中没有的属性:全局属性。顾名思义,全局属性就是指任何元素都可以使用的属性,接下的文章内容我们就将介绍五种常用的全局属性。

contentEditable属性

contentEditable是由微软开发。被其他浏览器反编译并投入应用的一个全局属性。它的主要功能是是否允许用户编辑元素的内容,被编辑元素必须是获得鼠标焦点的元素,而且在点击后要提供一个插入符号,提示用户该元素中内容允许编辑。contentEditable属性是一个布尔值属性,可以指定为ture或false。该属性还有一个隐藏属性的inherit状态,为true是允许用户编辑;为false时元素不能被用户编辑;没有指定时则由inherit状态决定,如果父元素是可编辑的,该元素也是可编辑的。支持contentEditable属性元素有A、DD、DIR、DIV、BUTTON、FORM、DL、DT、FONT、DFN、hn、CODE、ABBR等。

u=4036612533,4202649998&fm=173&app=25&f=JPEG.jpg

designMode属性

designMode属性主要功能是指定整个页面是否可编辑,页面可编辑时,页面中任何支持contentEditable属性的元素都变成了可编辑状态。designMode属性有两个值“on”和"off"。属性为“on”时,页面可编辑;属性为“off”时,页面不可编辑。不过各个浏览器支持情况也不一样,IE8不支持designMode属性,IE9支持designMode属性,fixfox和Opera浏览器支持designMode属性、Chrom和Safari浏览器在内嵌frame支持designMode属性。

hidden属性

在HTML5中所有的元素允许使用hidden属性。它类似input元素中的hidden属性,使元素处于不可见状态。hidden属性设置为ture,元素处于不可见状态;hidden属性设置为false时元素处于可见状态。

spellcheck属性

spellcheck属性主要是针对input元素和textarea这两个文本输入框提供的新属性,它的功能是对输入内容进行拼写和语法检查。它有个特殊的地方,就是必须声明属性值true或者false。如果元素是readonly属性或者disabled属性为true,不执行拼写检查。Firfox、IE、Chrome、Safari等浏览器都支持该属性。

tabindex属性

tabindex在程序开发概念,是指不断敲击Tab键让窗口或页面中控件获得焦点,对窗口的控件进行遍历,每个控件的tabindex表示第几个被访问的。之前这个属性在编辑网页很有用,现在是根据元素所在位置决定遍历顺序,所以就不需要了。不过tabindex拎一个作用,只有链接元素与表单元素可以通过按键获得焦点。如果对元素使用了tabindex属性后,也能让元素获得焦点,执行focus()语句时,可以让元素获得焦点了。但是这样会出现一个问题,元素会通过tab获得焦点,而这时候我们不想让该元素获得焦点这不是我们想要的结果。

把元素的tabindex值设定为负数后就可以解决这个问题了。tabindex为负值时,可以通过编程的方式让元素获得焦点,但按下Tab键该元素就不能获得焦点了,这在复杂的页面是非常有用的。HTML5中巧妙运用该属性发挥了很大的作用。

相关推荐:

HTML5新增属性

html5新增的属性和废除的属性简要概述_html5教程技巧

以上就是HTML5新增属性:五种全局属性的介绍的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

相关文章

  • 2018-12-03jQuery实现响应HTML5表单
  • 2018-12-03HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例_html5教程技巧
  • 2018-12-03关于HTML5中input标签(type属性)的详细介绍
  • 2018-12-03微信站前端开发注意点?
  • 2018-12-03HTML5学习笔记(二)-元素,属性,格式化具体介绍
  • 2018-12-03李炎恢HTML5视频资料分享
  • 2017-08-06HTML5实现文件断点续传的方法
  • 2017-08-06HTML5打开本地app应用的方法
  • 2018-12-03H5怎样做出图片拖拽上传预览组件
  • 2017-08-06HTML5 canvas基本绘图之绘制线段

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析_html5教程技巧
    • 关于HTML5本地存储的相关讲解
    • 怎样以简单易懂方式向普通人解释 HTML5 对 HTML 技术的改进?
    • 使用HTML5 Canvas为图片填充颜色和纹理的教程
    • HTML5 canvas画布详解(六)
    • 绝对零基础,选择做 HTML5 还是 iOS 应用?
    • 在HTML5中如何提高网站前端性能的示例代码分析
    • html5七大优势“逼宫”APP
    • html5如何实现图片转圈的动画效果
    • 使用HTML5的Notification API制作web通知的教程_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有