HTML5全局属性

1、当标签设置属性——contentEditable时,该元素就可以被修改,目前并没有相应的API支持保存之后修改后的文字

2、除了contentEditable之外,元素还具有一个isContentEditable属性,当属性可编辑时,该属性值为true,当元素不可编辑时,该属性为false;

3、designMode属性用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持contentEditable属性的元素值都编程了可编辑状态。designMode属性只能在JavaScript脚本中被编辑修改,该属性的值有两个——“off”与“off”。
document.designMode=”on”,IE8出于安全考虑并不支持;IE9允许进入可编辑状态;Chrome3和Safari使用内嵌frame方式,该内嵌frame是可编辑的;FireFox和 Opera允许使用designMode属性让页面进入可编辑状态。

4、hidden,所有的元素都允许使用hidden属性,该属性类似于input中的hidden属性,hidden有两个值,“true”与“false”,“true”时为 可见,“false”时为隐藏。

5、spellcheck,它是针对input以及textarea元素提供的新属性,该属性是一个boolean值,“true”与“false”,“true”时,开启拼写检查,“false”时关闭拼写检查。
P.S.:如果元素的readOnly属性或者disabled属性设置 为true时,则不执行拼写检查,目前除了 IE之外的浏览器都对该属性进行了支持。

6、tabindex,是开发中的一个基本概念,我联想到了winform中的tabindex,当不断的敲击tab键让窗口或者文本框获得焦点,在过去的编辑网页中是非常有用的,但是如今控件的遍历顺序都是由元素在页面上所处的位置决定的,但是tabindex还有另外一个作用,在默认情况下,只有链接元素与表单元素可以通过按键获取焦点,如果对其他元素使用 tabindex属性后,也能让该元素获得焦点,那么当脚本中中执行focus()语句的时候,就可以让该元素获得焦点。但是 这样会差生一个副作用:该元素也可以通过按tab键获得焦点,把元素值设为负数(通常为-1)后就 可以解决这个问题了,设为负数后可以通过编程的方式让元素获得焦点,但按下tab键时该元素就不能获得焦点。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html> <html> <head> <title>HTML5百科页面</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>HTML5百科</h1> <nav> <ul> <li><a href="#introduction">介绍</a></li> <li><a href="#elements">元素</a></li> <li><a href="#attributes">属性</a></li> <li><a href="#forms">表单</a></li> <li><a href="#video">视频</a></li> <li><a href="#audio">音频</a></li> </ul> </nav> </header> <main> <section id="introduction"> <h2>介绍</h2> <p>HTML5是HTML语言的第五个版本,于2014年正式发布。HTML5增加了许多的特性和功能,如语义化标签、多媒体支持、应用缓存、地理定位等。</p> </section> <section id="elements"> <h2>元素</h2> <p>HTML5增了许多语义化标签,如article、section、header、footer、nav、aside等,使得网页结构更加清晰明了。同时,HTML5也增加了一些的元素,如canvas、video、audio等,使得网页可以更好地支持多媒体内容。</p> </section> <section id="attributes"> <h2>属性</h2> <p>HTML5增加了一些属性,如placeholder、required、autofocus等,使得表单更加易用和安全。同时,HTML5也增加了一些全局属性,如data-*、contenteditable等,为开发者提供了更加灵活的编程方式。</p> </section> <section id="forms"> <h2>表单</h2> <p>HTML5增加了一些的表单元素,如datalist、output、progress、meter等,使得表单功能更加强大和丰富。同时,HTML5也增加了一些的表单属性,如autocomplete、min、max、step等,增强了表单的自动化和验证。</p> </section> <section id="video"> <h2>视频</h2> <video controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogg" type="video/ogg"> Your browser does not support the video tag. </video> <p>HTML5的video元素支持多种视频格式,如MP4、WebM和Ogg。同时,video元素也提供了很多控制功能,如播放、暂停、音量控制、全屏等。</p> </section> <section id="audio"> <h2>音频</h2> <audio controls> <source src="audio.mp3" type="audio/mp3"> <source src="audio.ogg" type="audio/ogg"> Your browser does not support the audio tag. </audio> <p>HTML5的audio元素支持多种音频格式,如MP3和Ogg。同时,audio元素也提供了很多控制功能,如播放、暂停、音量控制等。</p> </section> </main> <footer> <p>版权所有 © 2021 HTML5百科</p> </footer> </body> </html>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值