首页前端开发HTMLHTML5新增了哪些通用属性?

HTML5新增了哪些通用属性?

时间2024-01-26 19:31:03发布访客分类HTML浏览550
导读:收集整理的这篇文章主要介绍了html5教程-HTML5新增了哪些通用属性?,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 1. contentEd...
收集整理的这篇文章主要介绍了html5教程-HTML5新增了哪些通用属性?,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

1. contentEdITable

HTML 5 为大部分HTML元素都增加了 contentEditable 属性,如果将该属性设置为true,那么浏览器将会允许开发者直接编辑该HTML元素里的内容,如table、p等。

contentEditable属性具有“可继承”的特点:如果一个HTML元素的父元素是“可编辑”的,那么它默认也是可编辑的,除非是显式指定contentEditable=“false”。

html 5 为允许设置contentEditable属性的元素提供了isContentEditable属性,当该元素处于可编辑状态时,该属性返回true;否则返回false。

当用户编辑完成以后,用户编辑的内容就会直接显示在该页面中(不要刷新页面,一旦刷新页面就会重新加载,编辑的内容就会丢失),开发者可以通过该元素的innerHTML属性来的编辑后的内容。

2. designMode

designMode属性相当于一个全局的contentEditable属性,如果把整个页面的designMode属性设置为on时,该页面上所有可支持的contentEditable属性的元素都变成可编辑状态;designMode属性默认为off。
在JavaScript代码中只能修改整个HTML页面的designMode属性。例如使用如下代码可以打开HTML页面的designMode属性。

 document.designMode="on"

3.hidden

HTML 5 为所有元素都提供了一个hidden属性,这个hidden属性支持true、false两个属性值,一旦把某个HTML元素的hidden设为true,就意味着通知浏览器不显示该组件,浏览器也不会保留该组件所占用的空间。

设置hidden=”true”相当于CSS里设置display:none。

4.sPEllcheck

HTML为input、textera等元素增加了spellcheck属性。该属性可支持true、false两个属性,如果设置spellcheck=”true”,浏览器将会负责对用户输入的文本内容执行输入检查,如果检查不通过,浏览器会对拼错的单词进行提示。

支持spellcheck属性的浏览器有Chrome、opera和Safari。

1. contentEditable

HTML 5 为大部分HTML元素都增加了 contentEditable 属性,如果将该属性设置为true,那么浏览器将会允许开发者直接编辑该HTML元素里的内容,如table、p等。

contentEditable属性具有“可继承”的特点:如果一个HTML元素的父元素是“可编辑”的,那么它默认也是可编辑的,除非是显式指定contentEditable=“false”。

HTML 5 为允许设置contentEditable属性的元素提供了isContentEditable属性,当该元素处于可编辑状态时,该属性返回true;否则返回false。

当用户编辑完成以后,用户编辑的内容就会直接显示在该页面中(不要刷新页面,一旦刷新页面就会重新加载,编辑的内容就会丢失),开发者可以通过该元素的innerHTML属性来的编辑后的内容。

2. designMode

designMode属性相当于一个全局的contentEditable属性,如果把整个页面的designMode属性设置为on时,该页面上所有可支持的contentEditable属性的元素都变成可编辑状态;designMode属性默认为off。
在JavaScript代码中只能修改整个HTML页面的designMode属性。例如使用如下代码可以打开HTML页面的designMode属性。

 document.designMode="on"

3.hidden

HTML 5 为所有元素都提供了一个hidden属性,这个hidden属性支持true、false两个属性值,一旦把某个HTML元素的hidden设为true,就意味着通知浏览器不显示该组件,浏览器也不会保留该组件所占用的空间。

设置hidden=”true”相当于CSS里设置display:none。

4.spellcheck

HTML为input、textera等元素增加了spellcheck属性。该属性可支持true、false两个属性,如果设置spellcheck=”true”,浏览器将会负责对用户输入的文本内容执行输入检查,如果检查不通过,浏览器会对拼错的单词进行提示。

支持spellcheck属性的浏览器有Chrome、Opera和Safari。

觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

CSSdivHTMLpost-format-gallery

若转载请注明出处: HTML5新增了哪些通用属性?
本文地址: https://pptw.com/jishu/587183.html
HTML5使用Canvas动态绘制心型线和玫瑰线的教程 HTML5创建节点代码实例

游客 回复需填写必要信息