Microformats Dublin Core in a few (and easy) steps
Table of Contents
- Do you know HTML and CSS?
- Do you know Microformats?
- Do you know Dublin Core?
- Concepts basic for coding microformats (the
- Yeah! I'm ready to code Microformats Dublin Core
- Example of Microformats Dublin Core
- So that it's useful the microformats Dublin Core?
- Microformats Dublin Core: Docs and tools
Yeah, thanks to the Sciologness Team for the Slovakian translation: Mikroformáty Dublin core v niekoľkých (a ľahko) krokoch.
Yeah, thanks to Bohdan Zograf, you have the Belorussian translation: Микроформаты Dublin Core у некалькі (і лёгка) крокаў.
Don't forget Dublin Core Metadata Gen, a tool to generate easily Microformats Dublin Core.
Anyone knows a good Web Designer? The design of this tool is patetic! Where the author learns CSS? Do the author knows CSS Zen Garden?
Do you know HTML, XHTML and CSS?
Well, we can begin with:
- Definition of HTML form the wikipedia the free encyclopedia
- Definition of XHTML form the wikipedia the free encyclopedia
- Definition of CSS form the wikipedia the free encyclopedia
Do you know Microformats?
Do you ask me if I know Microformats? I have a stick in my laptop with the logo and I have the cool microformats T-shirt. I'm ready to go to the next step: Concepts basic for coding microformats (the
¿What is microformats? Let's go to the about microformats page, in where we can read:
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).
- a way of thinking about data
- design principles for formats
- adapted to current behaviors and usage patterns (?Pave the cow paths.?)
- highly correlated with semantic XHTML, AKA the real world semantics, AKA lowercase semantic web, AKA lossless XHTML
- a set of simple open data format standards that many are actively developing and implementing for more/better structured blogging and web microcontent publishing in general.
- ?An evolutionary revolution?
- all the above.
Examples of microformats
Concepts basic for coding microformats (the
In microformats we use specific terms in...
revattributes of the
idattributes of many elements (tags) of HTML/XHTML.
Why? We can learn more in the HTML 4.01 Specification:
- rel = link-types [CI]
- This attribute describes the relationship from the current document to the anchor specified by the href attribute. The value of this attribute is a space-separated list of link types.
- rev = link-types [CI]
- This attribute is used to describe a reverse link from the anchor specified by the href attribute to the current document. The value of this attribute is a space-separated list of link types.
Authors may use the following recognized link types, listed here with their conventional interpretations. In the DTD, %LinkTypes refers to a space-separated list of link types. White space characters are not permitted within link types.
These link types are case-insensitive, i.e., "Alternate" has the same meaning as "alternate".
User agents, search engines, etc. may interpret these link types in a variety of ways. For example, user agents may provide access to linked documents through a navigation bar.
Remember, the list of type links are: Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help and Bookmark, but we can use others...
Authors may wish to define additional link types not described in this specification. If they do so, they should use a profile to cite the conventions used to define the link types. Please see the profile attribute of the HEAD element for more details.
- id = name [CS]
- This attribute assigns a name to an element. This name must be unique in a document.
- class = cdata-list [CS]
- This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.<p id="myparagraph"> This is a uniquely named paragraph.</p> <p id="yourparagraph"> This is also a uniquely named paragraph.</p>
The id attribute has several roles in HTML:
- As a style sheet selector.
- As a target anchor for hypertext links.
- As a means to reference a particular element from a script.
- As the name of a declared OBJECT element.
- For general purpose processing by user agents (e.g. for identifying fields when extracting data from HTML pages into a database, translating HTML documents into other formats, etc.).
The class attribute, on the other hand, assigns one or more class names to an element; the element may be said to belong to these classes. A class name may be shared by several element instances. The class attribute has several roles in HTML:
- As a style sheet selector (when an author wishes to assign style information to a set of elements).
- For general purpose processing by user agents.
Do you know Dublin Core?
Of course, I have a Dublin Core tatoo in my arm. Don't bore me, I wanna skip the next explanation... let's code microformats Dublin Core.
The Dublin Core Metadata Initiative (DCMI) is an organization dedicated to promoting the widespread adoption of interoperable metadata standards and developing specialized metadata vocabularies for describing resources that enable more intelligent information discovery systems.
DCMI does this by:
- Developing and maintaining international standards for describing resources
- Supporting a worldwide community of users and developers
- Promoting widespread use of Dublin Core solutions
We can see all the elements in the DCMI Metadata Terms, for example: contributor, creator, description, identifier, publisher, subject, title, audience, conformsTo, created, hasPart, isPartOf, isReferencedBy, license, references, tableOfContents,...
We can use the DCMI Metadata Terms officialy in HTML/XHTML (Expressing Qualified Dublin Core in HTML/XHTML meta and link elements), XML (Guidelines for implementing Dublin Core in XML) and RDF (Expressing Simple Dublin Core in RDF/XML)... and unofficialy like microformats.
Yeah! I'm ready to code Microformats Dublin Core
Well, I supose that you're ready to know How to code Microformats Dublin Core. OK, these are the steps:
- An HTML/XHTML tag with a class called dublincore. The best tags are the Block-Level elements like
table,... IMHO the best is
dl(but I'm not the Guru Web).
- A text chain in where you show to the humans (and to the Klingons, Vulcans,...) the DCMI Metadata Terms that you want to use (for example: Title, Author, Data of Modified,...). I'm think that a good idea will be in a
dttag (but remember, I'm not the Guru Web)
- An HTML/XHTML (for example
dl,...) with a class value, corresponding whith the DCMI Metadata Terms that you're used (for example title, creator, dateOfModified,...). My recomendation: use the
atag (and I still remember you I'm not the Guru Web).
It's very easy, but...¿Can you show me an example? Shhh... Don't tell it anybody. I have prestige in the blog comunity.
Example of Microformats Dublin Core
And now, an example of microformats Dublin Core. In strong, the Very Important Code (VIC).
A microformat Dublin Core of this document, with a few elements (will be more):
This is the code:
<dl class="dublincore"> <dt>Title</dt> <dd class="title">Microformats Dublin Core in a few (and easy) steps</dd> <dt>Identifier (URL)</dt> <dd><a href="http://www.webposible.com/microformatos-dublincore/microformats_dublin-core.html" class="identifier">http://www.webposible.com/microformatos-dublincore/microformats_dublin-core.html</a></dd> <dt>Author</dt> <dd><a href="http://www.webposible.com/author.html" class="creator">Alejandro Gonzalo Bravo García</a></dd> <dt>Created</dt> <dd class="created">2006-08-18</dd> <dt>Last Modified</dt> <dd class="modified">2009-04-23</dd> <dt>References</dt> <dd> <ul> <li><a href="http://microformats.org/" class="references">microformats.org</a></li> <li><a href="http://www.w3.org/TR/html401/cover.html" class="references"> <acronym title="Hyper Text Markup Language">HTML</acronym> 4.01 Specification</a></li> <li><a href="http://dublincore.org/" class="references">dublincore.org</a></li> </ul> </dd> </dl>
And this is the result in your browser (with some CSS):
- Microformats Dublin Core in a few (and easy) steps
- Identifier (URL)
- Alejandro Gonzalo Bravo García
- Last Modified
Remember, with Dublin Core Metadata Gen, you can generate easily Microformats Dublin Core.
So that it's useful the microformats Dublin Core?
The microformats Dublin Core have general intentions. They coul be useful for too many scopes (like the elements of the DCMI Metadata Terms). But it's specially good for the description of books, articles, papers, magazines,... The resources could be fisical (like a book), or resources in the web (like the last post of a list apart).
I see the microformats Dublin Core like a bibliographical card of a library, but for the web (and with some CSS more cool).
Microformats Dublin Core: Docs and tools
Okey, have you more docs or tools? I'd like to read a good formal document - with abstract and keywords, you know - and, off course, use the available tools.
Well, in the Dublin Core Conference of Berlin (2008) was accepted a Project Report - DCMF: DC & microformats, a good marriage", and there are a Keynote - "DCMF: DC & microformats, a good marriage" (pdf, 1.4 MB)
And also there are the tools:
- You can generate easily Microformats Dublin Core withDublin Core Metadata Gen.
- An add-on for Firefox and Flock Dublin Core Microformats Viewer.
- Have you instaled the Ubiquity add-on for Firefox? Then you can install the Ubiquity command to detect Dublin Core Microformats
Contact with the author
You can contact with the author if you find any problem in this web, or...