background preloader

Web sémantique & formats standards

Facebook Twitter

Microformats vs RDFa vs Microdata « Philip Jägenstedt. Warning: The microdata syntax has changed (e.g. item="foo" is now itemscope itemtype="foo") since this blog post was written. Don’t copy the examples. I spent last weekend with my good friend Emil sketching a REST-style interface for his graph database Neo4j. One of the output formats we wanted was plain HTML for easy debugging via the browser. Wanting to enable JavaScript-based enhancements of these pages we needed a way to annotate the data to make it available to scripts. The three candidates were microformats, microdata and RDFa. <p> I'm Philip Jägenstedt at <a href=" The simple task at hand is to make my name and homepage machine-readable using each of these formats. Microformats <p class="vcard"> I'm <span class="fn">Philip Jägenstedt</span> at <a class="url" href=" Microformats are “a set of simple, open data formats”, i.e. predefined vocabularies under centralized control.

Microformats. RDFa Back to RDFa. Microformats. DeveloperWorks : XML : Exploring Semantic Web Technologies. DeveloperWorks : XML : Technical library view. Utilisation de microformats - MDC. Cette page vient d'être traduite, mais elle a besoin d'un relecteur différent du traducteur. Pensez également à toujours vérifier le contenu avec sa toute dernière version en anglais. Les microformats permettent aux sites Web de fournir des données sémantiques au navigateur afin que celui-ci puisse présenter un résumé des informations présentes sur une page sans avoir à connaître de manière particulière d'analyser son contenu.

Firefox 3 implémente un objet global Microformats permettant d'accéder aux microformats. Cet objet et l'API associée facilitent la recherche et la lecture de microformats. Chargement de l'API des microformats L'objet Microformats est créé à l'aide du nouveau chargeur de scripts JavaScript ajouté à Firefox 3. Components.utils.import(" Une fois l'API des microformats chargée, il est possible de gérer des microformats à l'aide des méthodes listées ici. Microformats prédéfinis adr geo hCard hCalendar tag Méthodes add() Paramètres nom debug.

Using microformats - MDC. Microformats allow web sites to provide semantic data to the browser in order to make it possible to present summaries of the information on a page without having to know how to parse the document itself. Firefox 3 implements a global Microformats object that provides access to microformats. This object and its API make finding and reading microformats easy to do. Loading the microformats API The Microformats object is created using the new JavaScript script loader added to Firefox 3.

To use the API, you need to first load the object: Components.utils.import(" Once you've loaded the microformats API, you can manage microformats using the methods listed here; for information about parsing microformats, see Parsing microformats in JavaScript. Predefined microformats Firefox 3 provides definitions implementing several common microformats: adr Represents an address (such as a street or mailing address). geo hCard Represents contact information for a person. tag. Operator - Modules pour Firefox. Tails Export. MozCC.

List of microformats

Poshformats. Poshformats are data formats constructed from the use of semantic class names. microformats are the proper subset of poshformats which have been developed via the microformats process and principles. origin Given that web designers have been making up their own controlled vocabularies for class names as part of POSH modern web design practices for quite some time, and that there continues to be a strong tendency for folks to want to invent their own a-priori formats by starting with a set of class names (rather than following the microformats process), it makes sense to provide a label for such class names.

Coined and further explained on December 26th, 2007, the term "poshformats" distinguishes these one-off, ad-hoc or more informal class-name based formats efforts (based on long-standing modern web design POSH practices) from the more formally researched and documented microformats. Applicability difference from microformats faq difference between posh and poshformat known poshformats see also. Xmdp. XMDP - XHTML Meta Data Profiles. XMDP: Introduction and Format Description. Author(s) Tantek Çelik Introduction HTML4 has several mechanisms for describing meta data, the most well known being the <meta> element. <meta> is often used to denote the author of a document: Briefly explained: Each META element specifies a property/value pair.

A half dozen or so example properties which are fairly self explanatory: author, keywords, copyright, date, identifier. Instead, HTML4 provides a mechanism (the 'profile' attribute of the <head> element) to point to a meta data profile that defines properties and values. This proposal seeks to define a meta data profile format using principles of simplicity, reuse, and minimalism. Principles Simplicity The format should be simple, both to write and to read. Hints from HTML4 Strong emphasis added for clarity. 6.12 Link types Authors may wish to define additional link types not described in this specification.

Deductions The format should be a dictionary. Format Description First the profile definition list, recognizable by its class: <! Xmdp-fr. Microformats. Microformats-fr. Les microformats sont des extensions au HTML pour marquer les personnes et organisations, événements, endroits, billets de blog, produits, critiques, C.V., recettes etc. Les sites utilisent les microformats pour publier une API standard qui est consommée et utilisée par les moteurs de recherche, navigateurs et d'autres outils. Regardez C'est Quoi les Microformats pour en savoir plus. nouveau ! Microformats2 est la dernière extension de langage de marquage stable et interopérable. Utilisez-la sur les pages web publics de pour les APIs HTML. Introduction Ce wiki est la ressource centrale de la communauté microformats et fournit des guides de publication des microformats, des références, des spécifications, des drafts, des modèles de publication, de la recherche, du brainstorming et de la résolution de problème.

Pour démarrer Pour démarrer avec les microformats : Premièrement, familiarisez-vous à écrire vos pages et applications avec du HTML 'CHIC'. Définition Comment contribuer ? Spécifications. Microdata (HTML5) Microdata is a WHATWG HTML specification used to nest metadata within existing content on web pages.[1] Search engines, web crawlers, and browsers can extract and process Microdata from a web page and use it to provide a richer browsing experience for users. Search engines benefit greatly from direct access to this structured data because it allows search engines to understand the information on web pages and provide more relevant results to users.[2][3] Microdata uses a supporting vocabulary to describe an item and name-value pairs to assign values to its properties.[4] Microdata is an attempt to provide a simpler[citation needed] way of annotating HTML elements with machine-readable tags than the similar approaches of using RDFa and microformats.

Microdata vocabularies provide the semantics, or meaning of an Item. Web developers can design a custom vocabulary or use vocabularies available on the web. Here is the same markup with added Schema.org[5][6][7] Microdata: Schema.org. Getting Started. Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user.

Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! 1. 1a. Your web pages have an underlying meaning that people understand when they read the web pages. 1b. itemscope and itemtype Let's start with a concrete example. To begin, identify the section of the page that is "about" the movie Avatar. Back to top 1d. FAQ. What is the purpose of schema.org? Why are Google, Bing, Yandex and Yahoo! Collaborating? Aren't you competitors? There are lots of schemas out there. Why create a new one? Is schema.org a standards body like the W3C or IETF ? How does schema.org relate to Facebook Open Graph? What's coming next? Who is managing schema.org on an ongoing basis? Is schema.org available in multiple languages? How do I mark up my site using this schema? Why should I add markup? This is too much work.

I have already added markup in some other format (i.e. microformats, RDFa, data-vocabulary.org, etc). My website contains content that is of a type that is unsupported. Do I have to mark up every property? Why microdata? Why don't you support other vocabularies such as FOAF, SKOS, etc? Where can I give feedback, report bugs, etc.? What do you mean by "Schema Version 0.9x" that is on every schema page? Q: What is the purpose of schema.org? Q: Why are Google, Bing, Yandex and Yahoo! Q: There are lots of schemas out there. Schema.org Discussions. Types Full Hierarchy. Data-Vocabulary.org | Official Website. HTML Microdata. Abstract This specification defines the HTML microdata mechanism. This mechanism allows machine-readable data to be embedded in HTML documents in an easy-to-write manner, with an unambiguous parsing model. It is compatible with numerous other data formats including RDF and JSON.

Status of This document This section describes the status of this document at the time of its publication. This document was edited in place on 23 June 2014 to fix a wrong "Previous Version" link. If you wish to make comments regarding this document in a manner that is tracked by the W3C, please submit them via using our public bug database. The bulk of the text of this specification is also available in the WHATWG HTML Living Standard, under a license that permits reuse of the specification text.

Publication as a Working Group Note does not imply endorsement by the W3C Membership. The latest stable version of the editor's draft of this specification is always available on the W3C HTML git repository. 1 Dependencies. 5 Microdata — HTML5 (including next generation additions still i. Microdata 5.1 Introduction 5.1.1 Overview This section is non-normative. Sometimes, it is desirable to annotate content with specific machine-readable labels, e.g. to allow generic scripts to provide services that are customised to the page, or to enable content from a variety of cooperating authors to be processed by a single script in a consistent manner.

For this purpose, authors can use the microdata features described in this section. Microdata allows nested groups of name-value pairs to be added to documents, in parallel with the existing content. 5.1.2 The basic syntax At a high level, microdata consists of a group of name-value pairs. To create an item, the itemscope attribute is used.

To add a property to an item, the itemprop attribute is used on one of the item's descendants. Here there are two items, each of which has the property "name": <div itemscope><p>My name is <span itemprop="name">Elizabeth</span>. Properties generally have values that are strings. 5.1.3 Typed items. HTML Microdata. Microdata rdf.

List of microdatas / RDFa

Microdata support for Rich Snippets. Webmaster Level: All HTML5 is the fifth major revision of HTML, the core language of the World Wide Web. The HTML5 specification includes a description of microdata, a new markup standard for specifying structured information within web pages. Today, we’re happy to announce support for microdata for use in rich snippets in addition to our existing support for microformats and RDFa. By using microdata markup in your web pages, you can specify reviews, people profiles, or events information on your web pages that Google may use to improve the presentation of your pages in Google search results. Here is a simple HTML block showing a section of a review of “L’Amourita Pizza”: Here is the same HTML with microdata added to specify the restaurant being reviewed, the author and date of the review, and the rating: Microdata has the nice property of balancing richness with simplicity.

To get started, here are some helpful links: Written by Siddhartha Chattopadhyay, Kavi Goel, Ramanathan V. RDFa. RDFa (or Resource Description Framework in Attributes[1]) is a W3C Recommendation that adds a set of attribute-level extensions to HTML, XHTML and various XML-based document types for embedding rich metadata within Web documents. The RDF data-model mapping enables its use for embedding RDF subject-predicate-object expressions within XHTML documents.

It also enables the extraction of RDF model triples by compliant user agents. The RDFa community runs a wiki website to host tools, examples, and tutorials.[2] History[edit] RDFa was first proposed by Mark Birbeck in the form of a W3C note entitled XHTML and RDF,[3] which was then presented to the Semantic Web Interest Group at the W3C's 2004 Technical Plenary.[3] Later that year the work became part of the sixth public Working Draft of XHTML 2.0.[4][5] Although it is generally assumed that RDFa was originally intended only for XHTML 2, in fact the purpose of RDFa was always to provide a way to add a metadata to any XML-based language. <? <? RDFa. Un article de Wikipédia, l'encyclopédie libre. RDFa (pour "Resource Description Framework dans des Attributs") est une recommandation du W3C définissant une syntaxe permettant d'ajouter des données structurées dans une page HTML ou n'importe quel document XML.

Ainsi formellement décrites, les données peuvent alors faire l'objet de traitements automatisés complexes, via des outils adaptés. Le code RDFa est invisible pour l'internaute et n'affecte pas ce qui est affiché. RDFa a atteint le statut de recommandation 1.0 le et 1.1 le . Principe[modifier | modifier le code] RDFa utilise pour partie la syntaxe HTML existante : l'attribut class - permettant de spécifier le type de l'objetl'attribut id - indirectement, servant à définir l'URI d'un objet dans la pageles attributs rel, rev et href - spécifiant une relation avec une autre ressource RDFa ajoute ses propres éléments, les attributs : Comparaison avec les microformats[modifier | modifier le code] Exemples d'usages[modifier | modifier le code]

RDFa. RDFa Primer. 1 Introduction The web is a rich, distributed repository of interconnected information organized primarily for human consumption. On a typical web page, an XHTML author might specify a headline, then a smaller sub-headline, a block of italicized text, a few paragraphs of average-size text, and, finally, a few single-word links. Web browsers will follow these presentation instructions faithfully. However, only the human mind understands that the headline is, in fact, the blog post title, the sub-headline indicates the author, the italicized text is the article's publication date, and the single-word links are categorization labels.

The gap between what programs and humans understand is large. What if the browser received information on the meaning of a web page's visual elements? A dinner party announced on a blog could be easily copied to the user's calendar, an author's complete contact information to the user's address book. RDFa allows XHTML authors to do just that. 1.1 HTML vs. ... About RDFa. Introduction to RDFa. RDFa.

Comparisons between semantic web formats

Rich Snippets Testing Tool.