<!DOCTYPE html> <html prefix=" xhv: http://www.w3.org/1999/xhtml/vocab# xsd: http://www.w3.org/2001/XMLSchema# rdfs: http://www.w3.org/2000/01/rdf-schema# dc: http://purl.org/dc/terms/ vcard: http://www.w3.org/2006/vcard/ns# v: http://rdf.data-vocabulary.org/# doap: http://usefulinc.com/ns/doap#" lang="en" > <head> <title property="doap:name">RDFa</title>  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="description" property="doap:shortdesc" content="The Resource Description Framework in Attributes" /> <meta name="author" content="The RDF Web Apps Working Group at W3C" /> <link rel="doap:homepage" href="http://rdfa.info/" />  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } .bs-icon { float: left; margin: 7px 10px 0 0; opacity: .7; } .comma-list span + span:before { content: ", "; } </style>  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </head> <body> <nav class="navbar navbar-default navbar-fixed-top navbar-inverse"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">RDFa</a> </div>  <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li ><a href="/play/" >Play</a></li> <li ><a href="/docs">Documentation</a></li> <li ><a href="/tools">Tools</a></li> <li ><a href="/dev">Developers</a></li> </ul> </div> </div> </nav> <div class="container">  <div class="hero-unit"> <h1>Linked Data in HTML</h1> <p property="doap:description dc:description"> RDFa is an extension to HTML5 that helps you markup things like People, Places, Events, Recipes and Reviews. Search Engines and Web Services use this markup to generate better search listings and give you better visibility on the Web, so that people can find your website more easily. </p> </div>  <div class="row"> <div class="col-md-4"> <img class="bs-icon" src="img/glyphicons_050_link.png"> <h2>Linked Data</h2> <p> Linked Data is a relatively new way of thinking about how we publish data. At present, there is a great deal of data on the Web, but it is either locked down in a private database, or published in a way that is not very useful to computers. The data we have today is disconnected and lives in data silos. These data silos are not linked to one another, which goes against the core design of the Web. It is important that we fix both the data silo-ing and data linking problem. If we do so, computers will be able to use the data more easily and thus make our lives better as a result. <strong> RDFa is a way of publishing Linked Data in HTML5 documents — it solves both the data silo-ing and data linking problem. </strong> </p> <p><a class="btn" href="http://en.wikipedia.org/wiki/Linked_data">Learn more about Linked Data »</a></p> </div> <div class="col-md-4"> <img class="bs-icon" src="img/glyphicons_079_signal.png"> <h2>Immediate Benefits</h2> <p> There are immediate benefits for integrating RDFa into your website today. By using RDFa to express <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=99170&topic=1088472&ctx=topic">Google Rich Snippets</a> or <a href="http://linter.structured-data.org/examples/">schema.org</a>, your web pages will be displayed in an enhanced format on all major search engines. You can also use Facebook's <a href="http://ogp.me/">Open Graph Protocol</a>, which is based on RDFa, to express concepts that are contained in your web pages, like people, places, events, movies and recipes. <strong> The search and social companies are serious about indexing RDFa content, which means that you may want to get serious about adding it into your pages before your competitors do. </strong> </p> </div> <div class="col-md-4"> <img class="bs-icon" src="img/icon_html5.png"> <h2>Using RDFa in HTML5</h2> <p> RDFa not only works in HTML5, but is a general technology for Linked Data markup in a variety of HTML-like languages. This means that it works well in XML documents, SVG documents, as well as HTML4, XHTML1 and XHTML5 documents. In fact, if your markup language is based on XML, then you can already use RDFa in your documents today. There is a version of RDFa for beginners called <a href="http://www.w3.org/TR/rdfa-lite/">RDFa Lite</a>. The <a href="http://www.w3.org/TR/rdfa-primer/">full version of RDFa</a> is more expressive and allows Web authors to solve just about any structured data markup problem that they might throw at it. <strong> Whatever popular Web document format you use, chances are that RDFa already works in it. </strong> </p> <p><a class="btn" href="http://www.w3.org/TR/rdfa-lite/">Learn more about RDFa Lite »</a></p> </div> </div> <hr /> <div class="row"> <div class="col-md-4"> <img class="bs-icon" src="img/glyphicons_012_heart.png"> <h2>Learn</h2> <p> There are a number of good reads available on this website covering everything from basic RDFa usage, to markup recipes, to advanced technical concepts. </p> <p><a class="btn" href="docs">Learn more about RDFa »</a></p> </div> <div class="col-md-4"> <img class="bs-icon" src="img/glyphicons_280_settings.png"> <h2>Tools</h2> <p> There are a variety of tools available for RDFa, ranging from online structured data preview tools, to validators, to processing tools and software libraries. </p> <p><a class="btn" href="tools">Learn more about RDFa software »</a></p> </div> <div class="col-md-4"> <img class="bs-icon" src="img/glyphicons_064_lightbulb.png"> <h2>Developers</h2> <p> If you are a software developer, there are a number of tools and libraries that you can use in your software projects to extract and process RDFa markup in Web documents. </p> <p><a class="btn" href="dev">Learn more about RDFa development »</a></p> </div> </div> </div>   <hr/> <div id="footer" class="container"> <p id="copyright"> Website content released under a <a href="http://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified. <a href="http://glyphicons.com/">Glyphicons</a> are CC-BY-SA-3.0. </p> </div> </body> </html>

CINXE.COM