《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.5 RDFa

简介:

本节书摘来异步社区《移动网页设计与开发 HTML5+CSS3+JavaScript》一书中的第2章,第2.5节,作者:【英】Peter Gasston,更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5 RDFa

资源描述格式属性(Resource Description Format in Attributes,RDFa)是HTML的延伸,它使用一套全新的定制属性为内容提供上下文。其主要语法被称为RDFa Core。除此之外,还有一个被称为RDFa Lite的简单子集。RDFa Core和RDFa Lite两者都依赖预定义schema(数据说明)来描述内容。

与其告诉读者上面那句话的意思,还不如举例说明(那些在剧本创作学校度过的岁月是不会被白白浪费的!)。在网络中,尤其在博客和新闻站点上,日期是一个普遍的数据。我们经常会看到,日期被这样标记:

82cf56d3319537af8825dd985286bd94d24fcae4

这是一个不复杂的功能标记,但是,其唯一的语义上下文是由类名所提供。运用RDFa Lite就可以让它更有意义;另外,还可以通过使用新property属性,从而让其他的机器知道这是一个日期:

14ce437a44ee5f44e6ea60adf88292186c823f73

该属性的值是术语“date”相关描述的URL,它来自于一个架构,而这个架构是一个称为都柏林核心(Dublin Core)的标准化词汇表的一部分。

读者可能已经注意到,这里使用的日期并不是一种非常易于阅读的格式。这是RDFa Lite的一个缺点:所有内容必须严格使用机器可读的格式。为了提供更适合于人类阅读的内容,就必须使用RDFa Core。有了RDFa Core,通过使用content属性,就可以把一组信息给机器,同时把另一组信息给人类:

136be6af5bc84af9b190f92537a6776c5888a7c5

这样的话,读者看到的是元素的内容;而机器看到的是该属性的值。虽然,这就意味着要做额外的标记,但这样做两全其美。

和使用微格式一样,某些搜索引擎也使用常见的RDFa模式来改善它们的搜索结果。

相关文章
|
1月前
|
开发框架 前端开发 JavaScript
前端框架演进史:从HTML到现代化开发
前端框架演进史:从HTML到现代化开发
36 0
|
11天前
|
存储 前端开发 JavaScript
Sass:提升CSS开发效率的利器
Sass:提升CSS开发效率的利器
14 0
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
11天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
24天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
|
前端开发 容器 内存技术
使用CSS3画出一个叮当猫HTML源码
本文教程介绍了如何使用CSS3绘制叮当猫,通过HTML结构和CSS样式逐步构建叮当猫的各个部位,如头部、脸部、脖子、身体、手脚等。代码示例展示了如何利用渐变、边框、阴影和定位技巧实现三维效果和细节特征。此外,还添加了眼珠的动画效果,让叮当猫的眼睛能够转动。整个过程适合对CSS3感兴趣的读者参考学习,以提升动态图形创作技能。
16 0
使用CSS3画出一个叮当猫HTML源码
|
1月前
|
JavaScript
JS+CSS3点击粒子烟花动画js特效
JS+CSS3点击粒子烟花动画js特效
15 0
JS+CSS3点击粒子烟花动画js特效
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
26 0
|
1月前
|
前端开发 JavaScript UED
前端开发的魔法:CSS动画与JavaScript的完美结合
本文将探讨如何利用CSS动画和JavaScript的结合,为前端页面增添生动的效果。我们将通过实例展示如何使用这两种技术为网页元素创建吸引人的动画效果,并讨论它们的优缺点和适用场景。
29 0
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句