Main Page: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
(→‎Specifications: parsing and vocabs subsections, move Drafts to Classic Drafts)
 
(946 intermediate revisions by more than 100 users not shown)
Line 1: Line 1:
__NOTOC__
{{DISPLAYTITLE:Welcome to the microformats wiki!}}
__NOTOC__
= Microformats Wiki =


'''Please read [[how-to-play]] before making any edits.'''
'''<dfn>microformats</dfn>''' are HTML for marking up [[h-card|people, organizations]], [[h-event|events]], [[h-adr|locations]], [[h-entry|blog posts]], [[h-product|products]], [[h-review|reviews]], [[h-resume|resumes]], [[h-recipe|recipes]] etc. Sites use microformats to publish a standard API that is consumed and used by [[search engines]], [[browsers]], and other web sites. See [[what-are-microformats]] for more.


'''Please read [[process]] before proposing any new microformats.'''
* See '''[[microformats2]]''' for a technical overview and summary of how to use microformats on public web pages and for APIs.


== Introduction ==
==Introduction==
{{main|introduction|Introduction}}
This wiki is the central resource of the microformats community and provides microformats authoring guides, references, specifications, drafts, publishing patterns, research, brainstorming, and issue tracking.


What are microformats? See the [http://microformats.org/about/ about page] for an overview, and the [[introduction]] page for more info.  Recent [[press]], [[presentations]], and [[podcasts]] are also a good place for some background reading as well. Frequently asked questions are answered in the [[faq]].  Want something or want to contribute?  Help with things [[to-do]].
== Get Started==
{{main|get-started|Getting Started}}
Get started with microformats:


One popular definition from our [http://microformats.org/discuss/ mailing list] is "simple conventions for embedding semantics in HTML to enable decentralized development." More precisely, microformats can be defined as:
* Make sure your pages and web apps use proper ‘[[posh|<abbr title="Plain Old Semantic HTML">POSH</abbr>]]’ <abbr title="HyperText Mark-up Language">HTML</abbr>.
:simple conventions
* Mark-up your contact info with [[h-card]], link to other profiles with [[rel-me]]
:for embedding semantic markup
* Mark-up your blog with [[h-entry]]. See https://indieweb.org/ for more
::for a specific problem domain
* Questions? Read the [[faq|frequently asked questions]], ask on [[IRC]]
:in human-readable (X)HTML/XML documents, Atom/RSS feeds, and "plain" XML
* Want to learn more in person? Check out microformats [[events]]
::that normalize existing content usage patterns
::using brief, descriptive class names
::often based on existing interoperable standards
:to enable decentralized development
::of resources, tools, and services


"Or do you just use your browser to browse? That's so 20th century." -- [http://diveintomark.org Mark Pilgrim]
== How to contribute ==
Want to join in and contribute?


== Specifications ==
* [[get-started|Get started]] by adding microformats to your website, services, and products
[[microformats|Microformats]] open standards specifications (see also: [[implementations]])
* Join the [[irc|IRC Channel]] to learn and help answer questions.
* [[hcalendar|hCalendar]]
* Write a [[testimonial]]
* [[hcard|hCard]]
* Do something on the [[to-do|to do list]].
* [[rel-license]]
* [[Main_Page#microformats_wiki_translations|Translate this microformats wiki into other languages]] to make microformats more accessible to readers of languages around the world.
* [[rel-nofollow]]
* Before proposing any new microformats, make sure your website is [[POSH]], [[get-started|uses existing microformats]], and then read the [[process]].
* [[rel-tag]]
* [[vote-links|VoteLinks]]
* [http://gmpg.org/xfn/ XFN] (see also: [[xfn-implementations]])
* [http://gmpg.org/xmdp/ XMDP]
* [[xoxo|XOXO]]


== Drafts ==
This wiki has a number of enhancements to assist development and contributions to microformats. Before you start editing, see the [[wiki-2|wiki introduction page]] for instructions.
* [[adr|adr]]
* [[geo|geo]]
* [[hatom|hAtom]] {{NewMarker}}
* [[hresume|hResume]] {{NewMarker}}
* [[hreview|hReview]]
* [[rel-directory]]
* [[rel-enclosure]]
* [[relpayment-research | rel-payment]]
* [[robots-exclusion|Robots Exclusion]]
* [[xfolk|xFolk]]
* [[rel-home]] {{NewMarker}}


== Design Patterns ==
== Specifications ==
 
'''[[microformats2]]''' is stable, has a test suite, publishers, and interoperable implementations. Use it on public web pages and developing more parsers and applications.
Design patterns give microformat authors a vocabulary for expressing their ideas consistently with what has already been done. ''If you're tempted to try your hand at writing a microformat '''[[process|read this first]]'''!''
 
* [[abbr-design-pattern]]
* [[class-design-pattern]]
* [[datetime-design-pattern]]
* [[existing-classes|class names defined across all microformats]]
* [[include-pattern]] {{NewMarker}}
* [[rel-design-pattern]]


== Exploratory discussions ==
Current, stable microformats open standard specifications.
Research and analysis of real-world [[examples]], existing formats, and brainstorming to motivate the microformat.
*[[attention]]
*[[blog-description-examples]]
*[[blog-info-examples]]
*[[blog-post-examples]], [[blog-post-formats]], [[blog-post-brainstorming]] (yields [[hatom|hAtom]])
*[[book-examples]], [[book-formats]], [[book-brainstorming]]
*[[chat-examples]], [[chat-formats]]
*[[citation|citation microformat overview]], [[citation-examples]], [[citation-formats]], [[citation-brainstorming]]
*[[comment-problem]], [[comment-examples]], (need to extract from [[comments-formats]])
*[[directory-inclusion-examples]], [[directory-inclusion-formats]]. (see also [[rel-directory]])
*[[distributed-conversation]], [[distributed-conversation-brainstorming]], [[distributed-conversation-examples]], [[distributed-conversation-formats]]
*[[forms-examples]]
*[[genealogy-formats]]
*[[hash-examples]]
*[[last-modified-examples]], [[last-modified-formats]], [[last-modified-brainstorming]]
*[[hlisting-proposal]], [[hlisting-feedback]] {{NewMarker}}
**[[listing-examples]], [[listing-formats]], [[listing-brainstorming]]
*[[location-formats]]. (see also [[adr]] and [[geo]])
*[[media-info-examples]]
*[[mfo-examples]]
*[[music-examples]]
*[[other-formats]]
*[[photo-note-examples]]
*[[recipe-examples]]
*[[requirements-testing]], [[requirements-testing-examples]]
*[[rest-examples]]
*[[resume-brainstorming]], [[resume-formats]]
*[[review-examples]], [[review-formats]] (yielded the [[hreview|hReview]] draft)
*[[search-results-example]]
*[[show-brainstorming]]
*[[showroll-brainstorming]]
*[[table-examples]]
*[[tagspeak-examples]]
*[[transit-table-examples]]
*[[uid]]
*[[widget-examples]], [[widget-brainstorming]]
*[[wiki-formats]]
*[[work-of-art]] {{NewMarker}}
*[[xmdp-brainstorming]] (see also [[xmdp-faq]])


== Examples ==
=== Parsing ===
* [[examples]]
If you are implementing a microformats2 parser, see:
* [[zen-garden]] {{NewMarker}}
* [[microformats2-parsing]]


=== Vocabularies ===
microformats2 vocabularies:
* [[h-adr]]
* [[h-card]]
* [[h-entry]]
* [[h-event]]
* [[h-feed]]
* [[h-geo]]
* [[h-item]]
* [[h-listing]]
* [[h-product]]
* [[h-recipe]]
* [[h-resume]]
* [[h-review]]
* [[h-review-aggregate]]


== Tools & Test Cases & Additional Research ==
=== rel microformats ===
Some microformats require only a rel attribute and are widely supported by consuming sites and software.
* [[rel-author]] - link to the author's home page (from an article)
* [[rel-enclosure]] - link to attachments (e.g. files) to download and cache
* [[rel-license]] - licensed content
* [[rel-nofollow]] - links in untrusted 3rd party content
* [[rel-tag]] - tag posts and pages by subject
* [[XFN]] - social relationships and [[rel-me]] links among profiles for the same person


The first place to look for examples, code, and test cases is in the pages for each individual microformat. There are only a few cross-cutting tools and services that need to process more than one microformat. This section is intended for editors, parsers, validators, test cases, and other information relevant across multiple microformats.
=== Classic Microformats ===
In addition use well established classic microformats for the primary subject of a page for legacy [[search engines]] support.


*[[parsing-microformats]]
* [[hatom|hAtom]] - blog posts and other date-stamped content
*[[selected-test-cases-from-the-web]]
* [[hcalendar|hCalendar]] - events
*[[vcard-implementations]], [[vcard-errata]]
* [[hcard|hCard]] - people, organizations, contacts
*[[icalendar-implementations]]
* [[hlisting|hListing]] - listings for products or services
*[[faqs-for-rdf]]
* [[hmedia|hMedia]] - media info about images, video, audio
*[[why-are-content-standards-hard]]
* [[hproduct|hProduct]] - products
* [[hrecipe|hRecipe]] - cooking+baking recipes
* [[hresume|hResume]] - individual resumes and CVs
* [[hreview|hReview]] - individual reviews and ratings
* [[hreview-aggregate|hReview-aggregate]] - aggregate reviews and ratings


== shared work areas ==
* [[adr|adr]] - address location information
* [[buttons]] {{NewMarker}}
* [[geo|geo]] - latitude &amp; longitude location ([http://en.wikipedia.org/wiki/WGS84 WGS84] geographic coordinates)
* [[demo]] - a page with links for quickly demonstrating microformats working in practice.
* [[events]] {{NewMarker}}
* [[to-do]]
* [[marked-for-deletion]]


== microformats wiki in other languages ==
==== Classic Drafts ====
 
Drafts are classic microformats which have varying degrees of support by consuming applications. They are stable and yet still open to change based on consuming application support, per the [[process]] to become specifications.
You may read and edit microformats articles in <del>many different</del> other languages
 
=== microformats wiki languages with over 2 articles ===
 
* [[Main_Page-fr|Français (French)]]
* [[Main_Page-jp|日本語 (Japanese)]] {{NewMarker}}
* [[Main_Page-sp|Español (Spanish)]] {{NewMarker}}
 
=== Start a microformats wiki in another language ===
 
Don't see the language you want?  Help translate the microformats wiki into another language!
 
We're still figuring this out. 
 
For now, see the [http://en.wikipedia.org/wiki/Wikipedia:Multilingual_coordination Wikipedia page on Multilingual coordination], and [http://meta.wikimedia.org/wiki/How_to_start_a_new_Wikipedia How to start a new Wikipedia] for some good general tips, advice, and community conventions.
 
You may want to start with the list of [[stable-pages]], which are pages that are relatively stable, and have only minimal/editorial changes, which makes them much easier to keep in sync with the English versions, by using the [[Special:Watchlist|my watchlist]] feature (use it to watch the pages you've translated for changes).
 
Page naming: for the translated version of a page, use the same name for the page, and simply add the RFC 3066 language identifier code as a dash suffix. E.g. for the French version, [[Main_Page]] becomes [[Main_Page-fr]], and [[how-to-play]] becomes [[how-to-play-fr]].
 
==== more languages folks want to see ====
 
* Chinese: 微格式 (Microformats) (see [http://msittig.blogspot.com/2005/11/since-i-translated-schedule-of.html source of translation])


* [[hnews|hNews]] - news articles, extension of hAtom


* [[rel-home]] - link to the homepage of a site
* [[rel-payment]] - link to a payment mechanism


* [[XMDP]] - define a microformat vocabulary / profile
* [[xoxo|XOXO]] - outlines


''If you're tempted to try your hand at writing a microformat please read '''[[process|the process]]''' page first!'' and then take a look at [[exploratory-discussions]] for details of prior research, analysis of real-world [[examples]], existing formats, and brainstorming of possible new microformats, per the microformats [[process]].


== Design Patterns ==
{{design_patterns}} <!-- this can be edited in /wiki/Template:design_patterns -->


== Archived ==
Past specifications, drafts, and exploratory discussions which have either lacked (or lost) wide publishing support, implementation, or have been superceded by newer specs (see also [[process#related_issues_questions_regarding_document_stages|when does it make sense to demote a microformat spec]]). These may eventually be retired, deprecated, or reincorporated into other exploratory discussions.
* [[haudio|hAudio]]
* [[robots-exclusion|robots exclusion]]
* [[xfolk|xFolk]] - tagged links


* [[rel-directory]] - link to web directories
* [[vote-links|VoteLinks]]


== Examples ==
* [[examples-in-the-wild]]
* [[implementations]]
* [[zen-garden]]


== Resources ==
See [[resources]].


== User centric development ==
*[[user-interface]]
*[[data-portability]]
*[[social-network-portability]]
*[http://indiewebcamp.com/ indieweb]


== Shared work areas ==
* [[to-do]]
* [[templates]]
* [http://microformats.org/wiki/delete pages for deletion] <!-- keep as external link; removes from "what links here" -->
* [[Special:Specialpages|"Special" wiki pages]]
* [[year-in-review]]


== Tools, test cases, additional research ==
The first place to look for examples, code, and test cases is in the pages for each individual microformat. There are only a few cross-cutting [[tools|tools and services]] that need to process more than one microformat. That section is intended for editors, [[parsers]], [[validators]], test cases, and other information relevant across multiple microformats.


<span id="microformats_wiki_translations"><span id="microformats_wiki_translations_in_other_languages">&nbsp;</span></span>
== Microformats wiki translations ==
You may read and edit microformats articles in many other languages:


* languages with over 100 articles
** [[Main_Page-fr|<span lang="fr">Français</span> (French)]] <span lang="fr">{{UpdateMarker-fr}}</span>
* languages with over 10 articles
** [[Main_Page-ja|<span lang="ja">日本語</span> (Japanese)]]
** [[Main_Page-pt-br|<span lang="pt-br">Português</span> (Brazilian Portuguese)]]
** [[Main_Page-ru|<span lang="ru">Русский</span> (Russian)]]
* languages with over 2 articles
** [[Main_Page-cs|<span lang="cs">Česky</span> (Czech)]]
** [[Main_Page-zh|<span lang="zh">汉语</span> (Chinese)]]
** [[Main_Page-de|<span lang="de">Deutsch</span> (German)]]
** [[Main_Page-es|<span lang="es">Español</span> (Spanish)]]
** [[Main_Page-gl|<span lang="gl">Galego</span> (Galician)]]
** [[Main_Page-id|<span lang="id">Indonesia</span> (Bahasa Indonesia)]]
** [[Main_Page-pl|<span lang="pl">Polski</span> (Polish)]]
** [[Main_Page-ro|<span lang="ro">Română</span> (Romanian)]]
* languages just started
** [[Main_Page-ar|<span lang="ar">العربية</span> (Arabic)]]
** [[Main_Page-fa|<span lang="fa">پارسی</span> (Farsi)]]
** [[Main_Page-ka|<span lang="ka">ქართული</span> (Georgian)]] {{NewMarker}} <!-- 2013 -->
** [[Main_Page-it|<span lang="it">Italiano</span> (Italian)]]
** [[Main_Page-ko|<span lang="ko">한국어</span> (Korean)]]
** [[Main_Page-th|<span lang="th">ภาษาไทย</span> (Thai)]]
** [[Main_Page-tr|<span lang="tr">Türkçe</span> (Turkish)]] {{NewMarker}} <!-- 2012-328 -->
* elsewhere
**[http://en.wikipedia.org/wiki/Microformat Wikipedia's article on microformats] has been translated into a number of languages.


<div  style="display:none">
See also [[other-languages]], and [[how-to-start-new-translation|how-to-start-a-new-translation]].
[We are delicate. We do not delete your content.]
[l_sp2006]
http://top20man.in.ua/black-eyed-peas-mp3 black eyed peas mp3]
[http://top20man.in.ua/madonna-mp3 madonna mp3]
[http://top20man.in.ua/eminem-mp3 eminem mp3]
[http://ringtonemaker.blogs.eurosport.com/ ringtone maker]
[http://top20man.in.ua/godsmack-awake godsmack awake]
[http://top20man.in.ua/godsmack-voodoo godsmack voodoo]
[http://top20man.in.ua/sean-paul-temperature sean paul temperature]
[http://top20man.in.ua/sean-paul-we-be-burnin sean paul we be burnin]
[http://top20man.in.ua/bad-day-daniel-powter bad day daniel powter]
[http://top20man.in.ua/system-of-a-down-mp3 system of a down mp3]
[http://top20man.in.ua/sean-paul-mp3 sean paul mp3]
[http://top20man.in.ua/metallica-mp3 metallica mp3]
[http://top20man.in.ua/shakira-mp3 shakira mp3]
[http://top20man.in.ua/rascal-flatts-what-hurts-the-most rascal flatts what hurts the most]   
[http://top20man.in.ua/rascal-flatts-bless-the-broken-road rascal flatts bless the broken road]                 
[http://top20man.in.ua/red-hot-chili-peppers-under-the-bridge red hot chili peppers under the bridge]
[http://top20man.in.ua/james-blunt-wisemen james blunt wisemen]
[http://top20man.in.ua/bad-day-daniel-powter bad day daniel powter]
[http://top20man.in.ua/godsmack-mp3 godsmack mp3]
[http://blog.yukonho.com/index.php?blog=44 Godsmack Awake]
[http://blog.yukonho.com/index.php?blog=45 godsmack voodoo]
[http://blog.yukonho.com/index.php?blog=46 sean paul temperature]
[http://blog.yukonho.com/index.php?blog=47 Sean Paul We Be Burnin]
[http://blog.yukonho.com/index.php?blog=48 natasha bedingfield unwritten]
[http://blog.yukonho.com/index.php?blog=49 50 cent mp3]
[http://blog.yukonho.com/index.php?blog=50 Bad Day Daniel Powter]
[http://blog.yukonho.com/index.php?blog=51 Daniel Powter mp3]
[http://blog.yukonho.com/index.php?blog=52 Goodbye My Lover James Blunt]
[http://blog.yukonho.com/index.php?blog=53 System Of A Down mp3]
[http://blog.yukonho.com/index.php?blog=54 Sean Paul mp3]
[http://blog.yukonho.com/index.php?blog=55 Metallica mp3]
[http://blog.yukonho.com/index.php?blog=56 Shakira mp3]
[http://blog.yukonho.com/index.php?blog=57 Black Eyed Peas mp3]
[http://blog.yukonho.com/index.php?blog=58 Madonna mp3]
[http://blog.yukonho.com/index.php?blog=59 eminem mp3]
[http://blog.yukonho.com/index.php?blog=60 Fall Out Boy Grand Theft Autumn]
[http://blog.yukonho.com/index.php?blog=61 Jack Johnson mp3]
[http://blog.yukonho.com/index.php?blog=62 oscar dresses]
[http://blog.yukonho.com/index.php?blog=63 mother of the bride dresses]
[http://blog.yukonho.com/index.php?blog=64 cocktail dresses]
[http://blog.yukonho.com/index.php?blog=65 Flower Girl Dresses]
[http://blog.yukonho.com/index.php?blog=66 Formal prom Dresses]
[http://blog.yukonho.com/index.php?blog=67 Plus Size Prom Dresses]
[http://blog.yukonho.com/index.php?blog=68 Free Verizon Ringtone]
[http://top20man.in.ua/godsmack-i-stand-alone godsmack i stand alone]
[http://top20man.in.ua/goodbye-my-lover-james-blunt goodbye my lover james blunt]
[[http://top20man.in.ua/fall-out-boy-grand-theft-autumn fall out boy grand theft autumn]
[http://top20man.in.ua/jack-johnson-mp3 jack johnson mp3]
[http://top20man.in.ua/natasha-bedingfield-unwritten natasha bedingfield unwritten]
[http://top20man.in.ua/50-cent-mp3 50 cent mp3]
[http://blogs.wwwcoder.com/cleo/ nextel ringtone]
[http://top20man.in.ua/bad-day-daniel-powter bad day daniel powter]
[http://top20man.in.ua/daniel-powter-mp3 daniel powter mp3]
[http://verizonringtone.forumco.com/ verizon ringtone]
[http://uscellularringtone.forumco.com US Cellular Ringtone]
[http://novogate.com/board/5907/222695-1.html free sprint ringtone]
[http://4898.rapidforum.com verizon ringtone]
[http://blogs.heraldextra.com/verizonringtone/ verizon ringtone]
[http://blog.investing.com/bcbgshoes/ bcbg shoes]
[http://blog.yukonho.com/index.php?blog=40 free sprint ringtones]
[http://blog.yukonho.com/index.php?blog=41 cheap prom dresses]
[http://blog.yukonho.com/index.php?blog=42 sexy prom dresses]


[http://www.buddyprofile.com/viewprofile.php?username=waterfordcrystal waterford crystal]
== community ==
[http://www.buddyprofile.com/viewprofile.php?username=swarovskicrystal swarovski crystal bead]
<span class="h-card"><strong class="p-name p-org">microformats.org</strong> is <span class="p-note">a community focused on using an empirical (rather than aspirational) [[process]] to research web data & information human publishing behaviors, openly document it on our wiki (<span class="p-url p-uid">http://microformats.org/wiki/</span>), discuss it in [[IRC]] (<span class="p-url">irc://irc.freenode.net/microformats</span>), then brainstorm ideas & proposals based on that research for simple formats based on HTML to interoperably represent that information on the web, incrementally implement, and iterate.</span></span>
[http://www.buddyprofile.com/viewprofile.php?username=mesotheliomalawsuits mesothelioma lawsuits]
[http://www.buddyprofile.com/viewprofile.php?username=mesotheliomasymptoms mesothelioma symptoms]
[http://www.buddyprofile.com/viewprofile.php?username=mesotheliomadiag mesothelioma diagnosis]
</div>

Latest revision as of 18:37, 1 March 2024


microformats are HTML for marking up people, organizations, events, locations, blog posts, products, reviews, resumes, recipes etc. Sites use microformats to publish a standard API that is consumed and used by search engines, browsers, and other web sites. See what-are-microformats for more.

  • See microformats2 for a technical overview and summary of how to use microformats on public web pages and for APIs.

Introduction

Main article: introduction

This wiki is the central resource of the microformats community and provides microformats authoring guides, references, specifications, drafts, publishing patterns, research, brainstorming, and issue tracking.

Get Started

Main article: get-started

Get started with microformats:

How to contribute

Want to join in and contribute?

This wiki has a number of enhancements to assist development and contributions to microformats. Before you start editing, see the wiki introduction page for instructions.

Specifications

microformats2 is stable, has a test suite, publishers, and interoperable implementations. Use it on public web pages and developing more parsers and applications.

Current, stable microformats open standard specifications.

Parsing

If you are implementing a microformats2 parser, see:

Vocabularies

microformats2 vocabularies:

rel microformats

Some microformats require only a rel attribute and are widely supported by consuming sites and software.

  • rel-author - link to the author's home page (from an article)
  • rel-enclosure - link to attachments (e.g. files) to download and cache
  • rel-license - licensed content
  • rel-nofollow - links in untrusted 3rd party content
  • rel-tag - tag posts and pages by subject
  • XFN - social relationships and rel-me links among profiles for the same person

Classic Microformats

In addition use well established classic microformats for the primary subject of a page for legacy search engines support.

  • adr - address location information
  • geo - latitude & longitude location (WGS84 geographic coordinates)

Classic Drafts

Drafts are classic microformats which have varying degrees of support by consuming applications. They are stable and yet still open to change based on consuming application support, per the process to become specifications.

  • hNews - news articles, extension of hAtom
  • XMDP - define a microformat vocabulary / profile
  • XOXO - outlines

If you're tempted to try your hand at writing a microformat please read the process page first! and then take a look at exploratory-discussions for details of prior research, analysis of real-world examples, existing formats, and brainstorming of possible new microformats, per the microformats process.

Design Patterns

Design patterns are common uses of markup across microformats.

Archived

Past specifications, drafts, and exploratory discussions which have either lacked (or lost) wide publishing support, implementation, or have been superceded by newer specs (see also when does it make sense to demote a microformat spec). These may eventually be retired, deprecated, or reincorporated into other exploratory discussions.

Examples

Resources

See resources.

User centric development

Shared work areas

Tools, test cases, additional research

The first place to look for examples, code, and test cases is in the pages for each individual microformat. There are only a few cross-cutting tools and services that need to process more than one microformat. That section is intended for editors, parsers, validators, test cases, and other information relevant across multiple microformats.

 

Microformats wiki translations

You may read and edit microformats articles in many other languages:

See also other-languages, and how-to-start-a-new-translation.

community

microformats.org is a community focused on using an empirical (rather than aspirational) process to research web data & information human publishing behaviors, openly document it on our wiki (http://microformats.org/wiki/), discuss it in IRC (irc://irc.freenode.net/microformats), then brainstorm ideas & proposals based on that research for simple formats based on HTML to interoperably represent that information on the web, incrementally implement, and iterate.