#microformats 2011-12-23

2011-12-23 UTC
patcito, KevinMarks, tantek and nonge joined the channel
Atamido, KevinMarks, voxpelli, nonge, andr3, chiui and uf-wiki-visitor joined the channel
#
Robin
Hello microformatters. Does anyone know of standards for class names for layout elements on HTML?
#
NottRobin
Hello microformatters. Does anyone know of standards for class names for layout elements in HTML? It occurs to me that many pages have a very standard layout of 1) a "squeeze" container element, 2) a header 3) a navigation 4) main content 5) footer
#
NottRobin
are there standards in how you mark-up those elements with class-names?
#
voxpelli
NottRobin: There are standard elements for them in HTML5 - I would suggest either using those elements or use classnames with the names of those elements
andr3 joined the channel
#
NottRobin
Yes I will use the HTML5 element names
#
NottRobin
I was wondering if there were more specific standards for whether <nav> goes inside <header> or out side it, or for how you should name a "container" element...
#
voxpelli
NottRobin: The HTML5-spec should define that - right? Jeremy Keiths book described it pretty well as I remember: http://html5forwebdesigners.com/semantics/index.html
#
NottRobin
Yeah, that explains semantic elements pretty well. Thanks. I guess there is no more specific - even draft - standard for how exactly you structure those common layout elements.
#
NottRobin
I was thinking someone might have defined a standard like <body><header></header><div class="content"><aside class="pre"></aside><article></article></div><footer></footer></body></div> that anyone could copy to make their document structure a bit more standard.
#
voxpelli
NottRobin: The closest there is within the microformats wiki that I'm aware of is the POSH patterns: http://microformats.org/wiki/posh
#
NottRobin
Yep that appears to aggregate a whole set of commonly held principles for semantic markup, like not using tables for layout, not using anorexic anchors etc. Unfortunately I couldn't see anything in poshformats or poshpatterns about defining layout and naming of structural elements.
#
NottRobin
I'll just come up with my own standard for it
#
NottRobin
and use it everywhere
#
NottRobin
and blog about it
#
NottRobin
that's cool. Thanks.
#
voxpelli
Sounds like a good plan
#
NottRobin
=)
MacTed joined the channel
#
Loqi
[http://twitter.com/webmunger] Does anyone else use the hCard microformat in their HTML email sig, or is it just me? #geek
iwaim__ and wav1 joined the channel
#
larsbeck
edited /hcard-examples-in-wild (+1) "/* new and uncategorized examples */ slip of the virtual pen, sorry"
(view diff)
tantek and patcito joined the channel
#
tantek
edited /Special:Log/block () "blocked [[User:Matt45]] with an expiry time of infinite (account creation disabled): Spamming links to external sites"
(view diff)
#
tantek
deleted /User:Matt45 "content was spam"
andr3, wav11, chiui, dzhus and KevinMarks joined the channel
#
Loqi
[http://twitter.com/jesperbjensen] Created myself a little code-util lib (C#) for creating hCalendar and hCard html: https://t.co/MyxESYsj - still heavy 'work in progress'.
wav1, wav11, KevinMarks, dzhus89 and Morphous_ joined the channel