contentEditable属性
告诉你个好消息，HTML出了个新功能叫contentEditable，太实用！以后就能随心所欲地在各种元素中修改文章！用法超简单，就是开(true)或关(false)那么容易。就这么说，开了就能大胆发挥，关了只能干瞪眼。还有好玩儿的事，如果顶部元素（所谓”爸爸元素”）也是可编辑的，儿子元素(“宝宝元素”)也会随之变化！支持的元素多到爆棚，什么A，DD，DIR，DIV，BUTTON，FORM，DL，应有尽有！
上网变简单了，只因contentEditable这货！改博客、修文件，统统可以网页搞定，轻松得像在纸上写字，连我妈都会用了。以前那些复杂操作都被它替代了，爱不爱？
大家好！HTML5中最实用的魔法技能就是contentEditable属性~你只需要用它一点点，立刻就能让页面变得炫酷无比。它能让页面互动起来，更有动态感！
designMode属性
哦对了，HTML 5里还有个叫designContentEditable的家伙，其实就负责查查网页好不好修。当你把它设为”on”时，整页都可以搞了；不过要是设成”off”就得小心别弄乱
采用设计模式，你就可以轻松在网页上玩转JavaScript，各种页面改变那都不是个事儿！这样就方便我们随意调整页面的布局与内容，还能搞出各种炫彩页面。
说真的，不同浏览器对于网页设计模式的态度可是大相径庭咧！像IE8就不屑一顾，IE9及以后的才会支持；火狐和欧朋浏览器倒是谁都能接受；再说到Google和苹果的浏览器，它们反而偏爱给嵌套框架里的东西添加设计模式属性。
hidden属性
HTML5又搞新鲜事啦——hidden属性，让东东突然消失和出现。挂上true就看不到它了，切成false就可以大方露脸！
这个叫作”hidden“的神奇属性真的超级实用！只要动动手指，就能随心所欲地操控网页上元素的显示与隐藏！不管是你的访客干了啥，还是别的原因，全都不在话下，让你的网页瞬间有趣起来～
说实话，我们是不是有时候误以为Javascript中的hidden属性跟hidden功能是一回事儿?其实不然，它就像魔法棒似的，能按照需要隐藏或显示东西。举个栗子，假如你设计了一张网络表格，可是万一有人搞砸了怎么办？冷静点儿，用这个黑科技，立马就能露出警示信息让他们看到，等改对了，再神不知鬼不觉地把提示藏起来。
spellcheck属性
你咋还没听说？HTML5给我们加了个新功能叫spellcheck，通常用在input和textarea这类输入框上。它的主要作用就是帮你查错，比如看你是不是打错字或者语句有没有语法问题，好比有人一直看着帮你矫正打字。
今天咱说说这个牛逼的`spellcheck`属性。这家伙只会挑真假变量，还能设为`readonly`或`disabled`，让你在编辑时没法检查拼写！这样就可以根据需要来查找，既实用又省力。
浏览器真的好厉害！它们的’拼写检查’功能真是实用，特别是对于我们这些打字慢的人来说。一开起来，你只要写错了字，它马上就能识别出来，并弹出一份提示窗告诉你正确的拼音，这样一来，你写的东西肯定准确无误、美观大方多了。
tabindex属性
那个大家常说的编程中的“贴纸索引”（Tab Index）吗？简单来说，就是让你用着 Tab 键就能轻松操控焦点。通常情况下，它是会自动随着 DOM 树变化滴。
哈喽，网站设计超炫！大家是不是把” tabindex “给忽略掉了？别急，其实这个东西在链接和表单中超级实用的，现在还很火热！
告诉你个妙招儿，tabindex属性能让我们轻松掌控哪个元素在Tab键下也跳不过去。对于那些流程繁琐或有特定需求的情况，这个功能就太实用。别再头疼输入焦点乱窜的问题。而且，利用它还可以限制程序中哪些元素能够获得焦点，哪些则不行，实在是好用极了。
告诉你个小秘密——有了HTML5的牛逼功能，做网页就像玩乐高一样容易！关键是用户体验更好，用着也更顺手呀。学会利用这些全局属性，瞬间让你的网页提升几个档次。
评论0