HTML5可视化编辑与微数据

1.HTML 5 全局 contenteditable 属性

contenteditable 属性规定是否可编辑元素的内容。

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

2.HTML5微数据

（1）什么是微数据

HTML5 微数据规范是一种标记内容以描述特定类型的信息，例如评论、人物信息或事件。每种信息都描述特定类型的项，例如人物、事件或评论。例如，事件可以包含 venue、starting time、name 和 category 属性。通俗地介绍一下，微数据是在如 span、div 的标签内添加属性，让机器（如搜索引擎）识别其意义，一些特定类型的信息，例如评论、人物信息或事件都有相应的属性，用来描述其意义。

<div itemscope itemtype="http://data-vocabulary.org/Review">
    <span itemprop="reviewer">Kayo</span>
    <span itemprop="dtreviewed" datatime="2012-02-06T22:30:30.50+08:00">2012年2月6日 22:30</span>
    <span itemprop="description">评论内容</span>
</div>

     itemscope：声明你所要添加的属性的作用域，加在最外层的元素。

　　itemtype：声明所使用的词汇表，加在最外层的元素中。

　　itemprop：声明属性名，具体的内容要参加所引用的词汇表。

（2）微数据的作用

让机器识别网页内容，这样最直接的效果是网站的架构会变得容易理解，不同人类语言的页面都有一个共同的、易于识别的微数据描述，这样可以看作一种豪华的 seo ，或是制作一些通讯录，记事本等信息性很强的 Web App。