宁波网站建设中的contenteditable与spellcheck属性

发布时间:2015-2-10 18:07:43

宁波网站建设中的contenteditable与spellcheck属性

  属性contenteditable与spellcheck
  人们可以通过contenteditable属性编辑HTML页面,但这些改变显然只发生在本地。
  对于填写并打印在线表单,这是非常有用的功能,而在内部网上它显然也会有用武之地,特别是要修改内容并用脚本回写时。本节中我们不会走得太深,只是演示一下如何启用contenteditable。其HTML代码语法相当简单:
  〈pcontenteditable=true〉
  Texttobeedited…
  〈/p〉
  单击相关段落后可编辑区域将被加亮,文本中将出现闪动光标。然后你可以像处理文本一样使用热键或右键菜单来进行剪切、粘贴、复制或删除内容,所有动作也可被逐步复原。如果还要启用拼写检査,我们需要添加一个spellcheck属性并将它设置为true:
  〈pcontenteditable=truespellcheck=true〉
  Texttobeedited…
  〈/p〉
  规范并没有定义拼写检査的细节,它依据不同浏览器而定。以Firefox为例,图1展示了此类应用。当然你也可以通过http://html5.komplett.cc/code/chap_global/edit_page_en.html进行在线测试。
  如图1所示,拼写错误的单词以及未知单词将以红色波浪线标记。用户可以通过右键菜单来切换语言、添加新词典、甚至通过选择建议来纠正错误。用户还可以把未知单词添加到个人词典中。
  在Firefox中,个人词典位于用户文件夹中,名称为persdict.dat。尽管文件扩展名看上去并非文本,但此类文件确实为纯文本文档,一个单词为一行。不幸的是,纠错时无法列出个人词典条目作为建议,至少在Firefox下是如此。
  看上去浏览器将页面的所有文本区域视为自然语法检査备选区,并总是在不考虑spellcheck属性的情况下允许通过右键菜单进行检查。在测试中,所有浏览器都不支持通过Spelkheck=false为页面中那段CSS代码关闭拼写检查。
  除了文本部分之外,CSS样式表甚至还有图像都可以被编辑。
  目前来说图像的编辑功能还处于初步阶段。但至少Firefox下人们可以通过拖曳8个定位点来改变图像尺寸。实时通过style元素改变样式则好玩得多。此理念来自AnnevanKesteren,她用一个简单的技巧演示了这一效果(见http://bit.ly/dtnyIJ)。在AnnevanKesteren的演示中,我们的应用程序中的style元素先通过display:block设为可见,宁波网站建设认为然后通过contenteditable=true设为可编辑的。结果令人惊讶,编辑马上变得效率起来。用我们之前的例子,改变code元素的CSS样式后,将对象显示为teal颜色,字体大小设为%。尝试一下吧!
  它们的JavaScriptAPI,其中一些属性是相当新的。在开发“*4!”游戏的过程中,我们介绍了5种属性。首先是class属性的一个新方法:classList接口。它彻底将操作class组件的过程简单化。dataset属性同样如此,它简化了标记为特殊前缀data-*的用户自定义属性的管理。
  本章的游戏包含了一个髙度争议的hidden属性,以及HTML5的一个关键特色:拖曳。通过draggable属性以及一些事件、还有DataTransfer接口,不仅让浏览器中的元素拖曳成为现实,还可以与后台操作系统实现交互。一个让人印象深刻的案例演示了如何用此功能读取数字图像中的EXIF信息,并顺道介绍了FileAPI。
  用户可以通过浏览器直接编辑HTML5页面的文本内容甚至是CSS样式。为避免编辑过程中的语法错误,人们可以用spellcheck属性开启浏览器自带的拼写检査,并用词典将其完成。也许HTML5将来会成为office的一个成熟的组件包。
  HTML5正在迅速发展,规范每一天都在得到改进和进步,棱角变得圆滑,多余组件逐一移除,新的有用功能得以添加。而推动这一切背后的力量来自WHATWG、W3C、各浏览器开发商、爱好者,以及热衷论战的规范编辑IanHickson。后者在规范修订过程中作出的决定常常引发激烈的辩论。
  若lanHickson最终在辩论中获得胜利,那么将来的HTML标准将不具备版本号,并作为一种“活的标准”被长期开发。HTML5、HTML6或HTML-N这类分类将不复存在,人们只需要用HTML来取而代之。尽管规范尚未最终完成,它的许多组件已在常用浏览器下获得了支持,这也就意味着,“规范的开发与应用齐头并进”这个愿望已逐渐成真。
  一旦W3C的HTML工作组完成了他们的方案,HTML5很可能将在2011年5月进人最后聆听状态。而在那时,W3C应该更加清楚HTML5中的哪些功能应成为最终web标准的一部分而哪些不能。不过,WHATWG规范中仍有一些实验功能具有进人最终版本规范的潜力。这主要是指track(轨道)元素,它用于为视频字幕,或是音频的WebVTT(Web视频文字轨)定义格式。另外,devices(设备)元素——它允许网站访问麦克风或数码相机等输人设备,在将来也可能成为规范的一部分。
  有关画布、音频、视频的可访问性问题仍急需解决方案,另外微数据、RDFa是否应在规范的最终版本中占一席之地也有待决定。协调W3C和WHATWG的各种版本规范的任务也显得任重道远。
  本文由乐华网络编辑,转载请注明出处
  宁波网站建设www.leseo.net
上一篇:
WebSniffer是剖析效劳器端环境的东西web-sniffer.net/Fiddler是剖析用户
下一篇:
别的一种相似的网站类型称为Flog(FakeBlog,假博客)。博客还有真的假的吗?Flog的内容不
关于乐华
乐华介绍
乐华思维
人才招聘
使用条款
隐私保护
RSS订阅
网站地图
新闻动态
乐华观点
行业动态
频道介绍
服务介绍
案例展示
品牌研究
品牌理论
品牌体系
联系我们
400-680-2900
社会媒体
微信公众平台
微信公众平台