HTML5可视化编辑与微数据
2024-09-03 01:54:31
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。
最新文章
- delphi 实现最小化系统托盘
- debian之samba服务器搭建
- 使用国内镜像源来加速python pypi包的安装
- 剑指offer(07)-调整数组顺序使奇数位于偶数前面【转】
- HTML的style属性
- 运行时改变控件的大小(点击后立刻ReleaseCapture,然后计算位移,最后发消息改变位置)——最有趣的是TPanel其实也有窗口标题,因此可发HTCAPTION消息
- 难得一见的HTML5动画欣赏及源码下载
- 邮件发送 java
- vue2重写饿了么
- c#导入excel 绑定数据 repeat为例子
- cordova.js的坑
- 如何编写轻量级 CSS 框架
- 【源码解析】Sharding-Jdbc中的算法
- 常用的 css reset,基本的base.css
- FORTH基本堆栈操作
- LeetCode算法题-Kth Largest Element in a Stream(Java实现)
- JavaScript经典片段
- tensorflow入门指南
- centos下部署启动elasticsearch错误集合与解决方案
- python中的partition、rpartition