#microformats 2013-03-06

2013-03-06 UTC
JonathanNeal joined the channel
#
JonathanNeal
Are microformats only supposed to be used for contacts?
#
JonathanNeal
could there be a microformat for navigation, say?
#
tantek
JonathanNeal see the intro here: http://microformats.org/wiki/
#
tantek
there's the adr and geo formats for locations
#
tommorris
JonathanNeal: "navigation" is kinda broad.
#
tommorris
but it wouldn't be hard to do the equivalent of GPX in HTML.
#
tommorris
<li class="geo">...</li>
#
tommorris
HTML gives us quite useful semantics. ;)
#
tantek
what do you mean by navigation?
#
tantek
that's an action, not a noun
#
tommorris
should probably mockup GPX in HTML (with geo and <time>) at some point given how much of an insufferable geodork he is.
#
tantek
tommorris - what does GPX represent?
#
tantek
JonathanNeal - for semantic class names that you asked about in that other place, see http://microformats.org/wiki/semantic-class-names
#
tommorris
GPX is just the standard XML format that you get from GPS devices representing a trace from, say, walking or driving
#
tommorris
it describes a series of places that one has been in order with timestamps.
#
tantek
so it represents a path?
#
tommorris
basically
#
tommorris
hence an ordered list of geo points with <time>'s
#
tantek
sounds like we should write it up
#
JonathanNeal
there are two major forms of navigation that I can think of
#
JonathanNeal
a representation of one's position or route between pages
#
JonathanNeal
or a structurally meaningful representation of pages and sections of a website.
#
tommorris
oh navigation in the metaphorical sense. ;)
#
JonathanNeal
site navigation
#
tommorris
<nav> element in HTML5.
#
tommorris
as for "one's position or route between pages" - that sounds suspiciously like statefulness, which is kind of anathema to HTTP. ;)
#
JonathanNeal
right, like what you might use with a <nav> to specify which link is current, or which links contain the current page, or what the state of certain links might be.
#
JonathanNeal
tommorris: it sounded like a breadcrumb to me.
#
tommorris
so, rel=self on the link to the current page
#
tommorris
if there's some kind of next/prev ordering, you can use rel="next" and rel="prev"
#
tommorris
what do you mean by the "state of certain links"?
#
JonathanNeal
rel="up" rel="up up" too, I suppose?
#
tantek
tommorris - is navigation close to directions? or different?
#
JonathanNeal
or would it be rel="down" when it's on the li containing the ul containing the li containing the current anchor.
#
tommorris
tantek: so, there's some overlap. in the openstreetmap world, there's a tool called OSRM (Open Source Routing Machine) which does driving directions. it exports as GPX. I'll look at the markup and XML they use
#
tantek
JonathanNeal - almost no one uses up or down
jfranusic joined the channel
#
tantek
there's not really much use case for that
#
tantek
though I've seen plenty of next/prev in the wild
#
tommorris
I don't know the structure of driving direction GPX (as I haven't yet passed my driving test, I've never attempted to use OSRM)
#
tommorris
but the point of it is you can download the directions onto a GPS device
#
tantek
edited /directions-formats (-32) "entry-title fix, contributors from edit history not explicit list (that goes out of date, encourages bad behavior etc.)"
(view diff)
#
tantek
for the page/site navigation stuff, aka breadcrumbs, there's some work on that here: http://microformats.org/wiki/breadcrumbs
#
tantek
we should expand that and brainstorm something
#
tantek
people seem to publish breadcrumb markup often enough
#
Loqi
yea!
#
tommorris
edited /directions-formats (+472) "adding GPX"
(view diff)
#
nifi581hee
created /User:nifi581hee (+2199) "Elevated nitrates and nitrites"
(view diff)
#
tantek
edited /Special:Log/block () "blocked [[User:Nifi581hee]] with an expiry time of infinite (account creation disabled): Spamming links to external sites"
(view diff)
#
tantek
deleted /User:nifi581hee "content was spam"
JonathanNeal joined the channel
#
cheaphats1
created /User:cheaphats1 (+1678) "snapback hats wholesale"
(view diff)
#
magregg51
created /Malcom_X_Islam_Is_The_True_Religion_. (+3159) "Over the years, the paparazzi has snapped shots of dozens of musicians, actors, and models toting some of the fashion house most coveted purses, wallets, and sunglasses. Is the store really selling authentic Jordans shoes?"
(view diff)
bnvk, tantek and JonathanNeal joined the channel
#
JonathanNeal
ahhh circular internet
#
JonathanNeal
when you've worked hard to understand something you are building for the web, but you never fully get it, so you research it, and finally, months later, you come across a website that claims to have an example of how to do it right … and it's the one you originally wrote.
#
JonathanNeal
I'm being told that rel="self" is a bad attribute.
#
JonathanNeal
"Bad value self for attribute rel on element a: Not an absolute IRI. The string self is not a registered keyword or absolute URL."
#
JonathanNeal
Putting something together for navigation @ https://gist.github.com/jonathantneal/5096851
#
JonathanNeal
site navigation, rather.
#
christopheducamp
edited /Special:Log/block () "blocked [[User:Cheaphats1]] with an expiry time of infinite (account creation disabled): spam"
(view diff)
#
christopheducamp
deleted /User:cheaphats1 "content was spam"
#
@Amarakosuru
Hlth Cards:Aadhar refused 2 give Emplye Data fr HCards.Hnce Govt thinkng fr alternate like BioMetrc.No clear decin on higher Lmt
bnvk and zztr joined the channel
#
@daina2541
trying to get Google+ to verify my authorship is maddening. How do I fix hCard problems? #google+ #coding
gjones, Phae, eschnou, chiui, benward, csarven, lmjabreu and romainneutron joined the channel
#
@webmarketing_dk
Referencement Google: ADWORDS UTILISE OFFICIELLEMENT LES MICROFORMATS HREVIEW - Seller Rating... http://tinyurl.com/6xzbcv4 #referencement
csarven joined the channel
#
nibk798bwz
created /User:nibk798bwz (+2715) "officials said."
(view diff)
#
dsbbocgq
created /User:dsbbocgq (+2101) "cotton balls"
(view diff)
nonge_ joined the channel
#
tommorris
edited /Special:Log/block () "blocked [[User:Dsbbocgq]] with an expiry time of infinite (account creation disabled): Spamming links to external sites"
(view diff)
#
tommorris
edited /Special:Log/block () "blocked [[User:Nibk798bwz]] with an expiry time of infinite (account creation disabled): Spamming links to external sites"
(view diff)
#
tommorris
deleted /User:nibk798bwz "Vandalism"
#
tommorris
deleted /User:dsbbocgq "Vandalism"
JonathanNeal, bnvk, adactio and gjones joined the channel
#
@UTFPPM
Halth Cards:Aadhar refused 2 give Emplye Data fr HCards.Hnce Govt thinkng fr alternate like BioMetrc.No clear decin on higher Lmt
gjones, bnvk, TallTed, csarven and gavinc joined the channel
#
marvinwrscqddpsscuffy
created /If_you_enjoy_them_there_are_many_guided_imagery (+2414) "New page: When I focus on "art - in" I become aware of the Infinite artist within and allow that idea to gently move deep into my subconscious, including your own. Another mini awareness activity is..."
(view diff)
tantek and lgedeon joined the channel
#
tantek
JonathanNeal - did you work on breadcrumbs formats in the past?
#
tantek
edited /Special:Log/block () "blocked [[User:MarvinwrscqddpssCuffy]] with an expiry time of infinite (account creation disabled): Spamming links to external sites"
(view diff)
#
JonathanNeal
tantek: yes let me see if i can find it
#
JonathanNeal
yeap, i definitely worked on that with you, just four months ago. there's a reference to microformats
bnvk joined the channel
#
tantek
edited /breadcrumbs-formats (+48) "add citation for ARIA breadcrumbs example"
(view diff)
gjones joined the channel
#
tantek
edited /breadcrumbs-formats (+6) "/* Bing breadcrumbs */ update URL"
(view diff)
#
tantek
edited /breadcrumbs (+6) "update URL"
(view diff)
#
tantek
JonathanNeal - I think with the development of microformats2 - we can propose a very simple breadcrumbs microformat - much simpler than existing solutions.
bnvk joined the channel
#
tantek
edited /breadcrumbs-formats (+0) "/* Google rich snippet breadcrumbs */ fix link"
(view diff)
polvo, zztr and JonathanNeal joined the channel
#
tantek
edited /hcard (+259) "/* Format */ clarify "tz" takes a timezone offset"
(view diff)
sophiap joined the channel
#
tantek
edited /breadcrumbs-formats (+126) "add summary of properties from Bing, Google rich snippet, and schemaorg WebPage breadcrumb markup - fairly strongly overlapping"
(view diff)
#
JonathanNeal
working on breadcrumbs, tantek?
#
tantek
JonathanNeal - you've inspired me.
#
tantek
and enough pieces of microformats2 are working well now that it's time
#
JonathanNeal
Maybe you can help me settle something then.
#
JonathanNeal
What does "index" mean?
#
JonathanNeal
To narrow the scope, I'm referring to link/relationship types.
#
JonathanNeal
If you'd like, I can provide two popular but conflicting definitions.
#
tantek
please do
#
tantek
didn't we deprecate "index"?
#
JonathanNeal
"list of terms", "top level resource"
#
tantek
prefers rel="home"
#
tantek
that first one is more useful
#
tantek
index of terms
#
tantek
rel="home" covers the top level resource use case
#
JonathanNeal
and "glossary" refers to a document providing a glossary of terms that pertain to the current document.
#
JonathanNeal
I don't see "home" in the spec, is it in HTML5?
#
JonathanNeal
To further confuse me, the MDN wiki takes side with "top level resource" https://developer.mozilla.org/en-US/docs/HTML/Link_types
#
JonathanNeal
and makes no mention of "home".
#
tantek
has become, yes
#
tantek
HTML5 normatively references the microformats wiki existing-rel-values page for rel values
#
JonathanNeal
So, are glossary and index synonymous then.
#
JonathanNeal
Maybe history answers this. Traditionally, a glossary is an alphabetical list of terms and their definitions, while an index is a list of topics in alphabetical order with page numbers
#
JonathanNeal
In general, keywords should not define themselves. Could http://microformats.org/wiki/existing-rel-values#HTML5_link_type_extensions be updated?
#
tantek
ah, I think "index" became ambiguous and thus should be used
#
tantek
should NOT be used
#
tantek
sure, what do you want to update?
#
tantek
I'd say for the "list of topics in alphabetical order" you may want to make up a new rel value, e.g. rel="topic-index"
#
JonathanNeal
"glossary" and "index"
#
JonathanNeal
we have a clear definition of glossary, an alphabetical list of terms and their definitions, http://en.wikipedia.org/wiki/Gloss
#
tantek
go for it and edit the wiki, if any further corrections need to be made someone else can make them :)
#
JonathanNeal
Index is ambiguous, since the popular "index.html" would not conform to "a list of topics with pointers" http://en.wikipedia.org/wiki/Index_(publishing)
#
tantek
agreed
#
JonathanNeal
But maybe someone should also have that written down, in case the question comes back up, say, by me. :P
#
JonathanNeal
Okay, I'll take a stab.
#
JonathanNeal
I wish Chrome had a MediaWiki renderer.
#
JonathanNeal
So I could live preview this.
#
jonathantneal
edited /existing-rel-values (+18) "/* formats */ glossary definition"
(view diff)
#
tantek
nicely done
#
jonathantneal
edited /existing-rel-values (+34) "/* HTML5 link type extensions */ index definition"
(view diff)
#
tantek
see now that one is more of a semantic change, since before it was ambigous, and now it is specific to one meaning
#
tantek
I'd like rel=index to mean that myself personally, but I'm not sure that reflects historical or actual usage
#
tantek
which is that people tend to use it when linking to to the index.html of the current path / directory.
#
tantek
created /breadcrumbs-brainstorming (+4063) "draft based on the two common properties of existing breadcrumb formats, and microformats2 capabilities"
(view diff)
#
tantek
created /h-breadcrumb (+52) "r to current brainstorm"
(view diff)
#
tantek
JonathanNeal - take a look at http://microformats.org/wiki/h-breadcrumb and see what you think of that.
#
JonathanNeal
Why is it p-name and not u-name?
#
JonathanNeal
that's not to challenge, but simply because I think I lack some understanding of proper usage of u-.
#
JonathanNeal
I guess it's because the property name is available as a string.
#
JonathanNeal
the property value is available as a string, rather.
#
JonathanNeal
I really like what you've done here.
#
tantek
u- means parse the property from URL related attributes first (e.g. href, src, etc.)
#
tantek
p- means a normal property
#
tantek
just the innertext
#
JonathanNeal
That makes sense, thanks. And, as it says, the u-url is implied
#
tantek
thanks!
#
JonathanNeal
Otherwise it would be "p-name u-url"?
#
tantek
created /timezone-examples (+533) "let's start this"
(view diff)
#
tantek
created /tz-examples (+31) "r"
(view diff)
#
tantek
JonathanNeal - exactly!
#
JonathanNeal
"home" defines itself, and I would like to clarify it without removing any intended ambiguity. Current it is "indicates that the [referenced document] is the homepage of the site in which the current page appears."
tantek and lukegedeon joined the channel
#
tantek
edited /breadcrumbs-formats (+75) "no longer a stub, add links to process steps at top"
(view diff)
#
tantek
edited /breadcrumbs-brainstorming (+224) "include self in links in process section, todo, include JSON output of examples"
(view diff)
#
tantek
ok JonathanNeal, if you think h-breadcrumb looks good, try it in a few pages and see how it works with your markup
#
tantek
then we can try microformats2 parsers on those pages and see how they do
#
JonathanNeal
I will. I'm working on navigation presently, but first, I'm almost done clarifying some of these definitions that use their own keywords.
#
JonathanNeal
"home" typically means "introduction" and "top level", in the current microformats definition it says "[home] can be combined with 'alternate' to indicate for example a feed for the site of the current page". "site" emphasises its "top level"-ness.
#
tantek
right, "home alternate" means an alternative link for the home/site - e.g. a feed for the site, rather than a feed for the page.
#
JonathanNeal
So, would it be best to define "home" sympathetic to both, as in "Refers to the introductory, top level document for the current document." ?
#
JonathanNeal
This way it satisfies the popular definition of home page as well as its recommended current usage.
#
JonathanNeal
If it matters, there is no rel="introduction"
#
JonathanNeal
And there doesn't seem to have ever been something like that http://diveintohtml5.info/semantics.html#new-relations
#
JonathanNeal
And this coming from a book with a well fleshed out introduction.
#
tantek
I think the introduction aspect is strictly secondary and including that in the definition would only possibly muddle things
#
tantek
not all home pages are introductions
#
tantek
some things (like some specs) have separate introduction pages
hober2 joined the channel
#
tantek
and the "home" page of the spec tends to be more boilerplate header + ToC
#
tantek
many examples of this on w3.org/TR
#
JonathanNeal
So then, "Refers to the top level document for the current document."
Soopaman and bnvk joined the channel
#
jonathantneal
edited /existing-rel-values (-79) "/* HTML5 link type extensions */ home definition"
(view diff)
#
tantek
that seems reasonable
eschnou, zztr and tantek joined the channel
#
hildegard
created /User:Hildegard (+155) "New page: Got nothing to write about myself I think.<br><br>my webpage"
(view diff)
#
tantek
edited /Special:Log/block () "blocked [[User:Hildegard]] with an expiry time of infinite (account creation disabled): Spamming links to external sites"
(view diff)
#
tantek
deleted /User:Hildegard "content was spam"
#
tantek
JonathanNeal - do you think there's an expectation for breadcrumb links that if you do go "up" a level, that at that level, there's a link to the current page?
#
JonathanNeal
not necessarily, in the case of search results.
#
tantek
when would search results ever have a breadcrumb trail?
#
JonathanNeal
conceeded, a breadcrumb usually reflects a kind of global navigation
#
JonathanNeal
even if you have multiple, custom navigation menus, like WordPress and Drupal both offer.
#
tantek
in the simple case of a site of flat(ish) pages, where all they do is link back to the home page, I think rel="home" is sufficient
#
tantek
I feel like a link is not really a breadcrumb unless it really is a way to get back (both directions)
#
JonathanNeal
"it" doesn't take you both ways, but the document that it references should.
#
tantek
yeah, that
#
tantek
like if I have just one <a class="h-breadcrumb" href="foo"> on a page, then on page "foo" I'd expect it link to the current page in the content or in a list etc. - some way to go back down the path.
#
JonathanNeal
yeah, agreed
barnabywalters and bnvk joined the channel
#
JonathanNeal
I'm sad that github does not allow reference links in tables. I wanted to fork your link relations table and give it one voice.
#
tantek
you mean *the* link relations table? ;)
#
tantek
please feel free to continue making helpful English prose edits that you think make it easier to read
#
tantek
wonders how (not) easy it would be for anyone to come along and make helpful prose edits to anything in IANA or IETF.
#
gavinc
snorts
#
gavinc
Trying to edit a factually wrong part of just a W3C document that just got published, and just in the status section. It is amazing how much "You can't do that" one gets
#
gavinc
with implementor hat on I have the most sympathy... except it's WRONG. With Editor hat on, how the heck did that get into the document in the first place?! With AC hat on... I PAY FOR THIS?!
#
tantek
gavinc - next time, make the errata of your W3C document/spec link to the W3C wiki and just edit it there ;)
#
gavinc
I learned that today, yes
#
JonathanNeal
tantek: I do want to make those edits, because they would be helpful to anyone writing html that follows those link relations. However, I wanted to give them one voice in a fork, and not live, so we could discuss the changes in easy comparison.
#
JonathanNeal
Why do you nest the breadcrumbs?
#
JonathanNeal
Oh sorry, that's Google's example.
#
JonathanNeal
Does the main page for microformats http://microformats.org/wiki/Main_Page use a different theme than other pages in the wiki?
JonathanNeal joined the channel
#
tantek
JonathanNeal - you nest the breadcrumbs only when there are multiple breadcrumb paths on a page
#
tantek
so you can distinguish each path
#
tantek
instead of assuming all breadcrumbs on the page are part of one path