connections
events
Subscribe...- 9/21 Web Spam Summit
-
9/21 9pm-2am -
Crush - at
underground, 424 Haight @ Webster, San Francisco
Progressive Trance, Progressive House, Techno. No Cover, Free Parking! 21 & over w/ ID. Every Wednesday.
-
9/24 1pm-6pm -
Loveparade
- at
San Francisco
Join Loveparade San Francisco for a full weekend of events.
-
9/27 6:30-8:30pm
Tag Tuesday - Scott Golder and Technorati Blog Finder
at
Varnish Fine Art,
77 Natoma Street at 2nd Street,
San Francisco,
CA
USA
Meet other Bay Area tag developers, hear Scott Golder present his research on Collaborative Tagging, and hear how Technorati Blog Finder combines bubble-up taxonomy and direct tagging.
- 10/3 jetlag recovery
- 10/4 noon-1pm Microformats talk at OSAF
- 10/5-7 Web 2.0 - at The Argent, San Francisco
- 10/17-19 W3C CSS Working Group f2f at San Francisco
- 10/20-23 Stanford Homecoming Weekend
- 11/11-13 Hackers conference
- 2/27-3/3 W3C Technical Plenary @ Sofitel, Mandelieu, France
books
reviewing
by Carrie Bickner
by Dan Cederholm-
by Craig Grannell
People
regulars
- Amber
- Jeffrey Zeldman
- meyerweb
- Stopdesign
- Glazblog
- photomatt
- David Baron
- Hixie
- jluster.org
- Relax, Everything Is Deeply Intertwingled
- Davidx.org
- ctrl-ault-del
- To Wish For Impossible Things
- Joi Ito
- Kevin Marks
- What's That Noise?!
- Sifry's alerts
- This is Powazek
- A Fresh Start
- Bradley Allen
- Scobleizer (2)
- Nick Finck
- kottke
- Aaron Swartz
- apophenia
recently met
news filters
badges
search tantek.com
current projects
semantics
CSS hacks
Posts
Web Essentials 05: The Elements of Meaningful XHTML
- created
- 9/28 8:06 PM
- content
tags:
It's actually Thursday afternoon here at Web Essentials 05 in Australia — we're 17 hours in the "future" as compared to San Francisco.
What fun. One presentation down and one (and half) to go.
I updated The Elements of Meaningful XHTML with a bunch more details and a slew of additional examples: which elements should you use for corrections and updates in a blog post, the 'axis' and 'header' attributes for use with semantic tables, and the latest illustrative XHTML compound: a bibliography.
I also tweaked the flow a bit so it makes more sense from a progressive difficulty perspective. Use the most appropriately meaningful XHTML element for the purpose. Devise XHTML compounds for more precise semantics. And last, use class names for even more specific semantics.
As usual the entire hypertext contents of the presentation, as well as the podcast (which I'll link when I find it) are licensed under a Creative Commons attribution (by) 2.0 license.
At the end of my talk, the first (and only) question was, which browsers support styling of tables using the axis and headers attributes?
I started to launch into an answer about attribute selectors, and modern browsers except for ...
And then the evacuation alarm went off. There's a bunch of heavy digging/construction going on next door, and they must have upset something. The fire department showed up and evacuated everyone out of the building.
Unfortunately I didn't have a chance to finish answering the gentleman's question, so I'll answer it here.
Most modern web browsers support attribute selectors, which is all the styling via axis and header used. No release version of IE does, but IE7/Windows has been announced to support attribute selectors. Also, for those keeping score at home, Tasman 0.9, shippedi n MSN/Mac many years ago, as well as Tasman 1.0, shipped in Office2004/Mac, both support attribute selectors.
So take a look at the Web Essentials 05 new and improved edition of 'The Elements of Meaningful XHTML' and let me know what you think.
- Comments
- Kevin Yank
Kevin, excellent summary of the sessions! Thanks for the writeup. And excellent use of
<ins>and<del>to update your blog post!A couple of minor suggestions for markup improvement. First, you may want to consider using
<strong>instead of<b>to markupUpdate:
(because that's really what you mean when you are bolding that text). Second, consider using heading tags for your subheads. In your markup, you have:<p><strong>State of the Web, 2005</strong>, Molly Holzschlag</p> ... <p><strong>The Elements of Meaningful XHTML</strong>, Tantek Çelik</p>Those read like semantic subheads to me. Consider marking them up as such, and for easier referencing, put 'id' attributes on them as well. Since the title of your post uses an
<h1>, then these subheads should use<h2>tags.<h2 id='molly'>State of the Web, 2005, Molly Holzschlag</h2> ... <h2 id='tantek'>The Elements of Meaningful XHTML, Tantek Çelik</h2>If you want, you could also markup the titles of the talks with
<cite>tags which would then give you a styling hook for making them bold and the rest of the subhead normal weight as you have it now. - Grant(2)
- Anne Van Kesteren
- xhtml2wg
- Andrew Krespanis
- Michael Fagan
- Serdar Kilic
- jcraveiro
- Allan Rasmussen
- Robin Wood
- Deeje Cooley
Deeje, you're absolutely right. It's very important to make the content as user accessible and user actionable as possible. My example with
<cite>and<blockquote cite="">is specifically to illustrate how those should be used, certainly not to the exclusion of visibly linking to the post itself. I should perhaps mention that explicitly. Your example of including the title and visible permalink to the quoted text inside the blockquote itself works well for quoting entire entries or the start of an entry, but perhaps for quoting smaller snippets, the title and permalink should be moved outside the blockquote. There's definitely some room for experimentation, exploration, and iterative improvement here. - Cam Pegg
- Brett Taylor
- Steven Clark
- Stefan Hayden
- Ben Buchanan
semantic alchemy: creating elements of greater value than the base elements ;)
— I like that! - t94xr
- Ryan King
- Chris Casciano(2)
- Carlos Sanches
- Hirabayashi, Yoji
- John Cox
- Jim Mangan (2)
- Daniel Torres Burriel
- Joe Clark
- Jeff Hung
- Montana Jones
- Manuela Hoffmann
- poolie
- Benson
- Yoram Blumenberg
- Mozilla Developer Network
- Mark Rickerby
- Glenda Sims
Wow. I'm speechless Glenda. That's awesome and incredibly flattering. I'd be very interested to read the team's conversation during and after the podcast, consider blogging some of it!
- Eric Meyer
Didn't they tell you about the secret klaxon code on the wireless remote?
- Richard Rutter
- Alisdair McDiarmid
- Kevin Yank
WEBZINE 2005!!!
- created
- 9/24 1:35 PM
- content
tags:
This weekend there is a lot going on in San Francisco. Love Parade (started half an hour ago), War Parade (AKA protest), Folsom Street Faire. But none of those are worth your time as much as:
So get on down to the Swedish American Hall and get inspired to create, mash-up, publish, produce, podcast, etc.
In particular, don't miss: Niall Kennedy's workshop on "The Art of Distribution: RSS, Tagging" tomorrow at noon, and Ryan King's microformats workshop tomorrow at 5pm.
I myself am so busy with preparing for Web Essentials 05 that I've had to skip Love Parade, and unfortunately will be missing most of Webzine as well (despite having had a small hand in helping organize it). Hopefully I'll get a chance to pop in later today or maybe tomorrow if I get packed and all my presentations written. Though after reviewing that presentation schedule again, maybe I'll at least go to the conference (albeit a bit late) and skip the parties. If you see me hunched over a laptop (or two), furiously typing/clicking, probably better to ping me in IRC rather than in person.
- Comments
A New Kind of Music
- created
- 9/22 11:04 AM
- content
tags:
You must listen to this now: WolframTones.
Now if only they had a "loop" button..."
- Comments
DJ Amber spinning at inbox tonight
- created
- 9/22 9:38 AM
- content
tags:
Has the busy-ness stopped? No. The beat goes on and on and on and on.
tonight, 6pm to 10pm (amber 9-10pm)luna lounge1192 folsom st, sf, ca, 94103inbox - presented by d&a music... new thursday evening weekly at the luna lounge... featuring house, breaks, trance, and techno...
with rotating residents:
- amber [sister sf] - house, breaks, techno (9-10 PM)
- aaron jae [evil breaks] - breaks
- achilles - hard trance, progressive, techno
- aleks [preserve] - hard house, nrg
- apot [d&a music] - deep house, progressive, electro
- dave conlan [mercury] - trance, techno
- denise [skills] - funky house
- hoovie [d&a music] - hard trance
also featuring top-notch weekly guests and new talent...
free. 21+. full bar with weekly happy hour drink specials and menu.
- Comments
Amber spinning at Levende tonight
- created
- 9/20 5:34 AM
- content
tags:
Of course you're insanely busy, but that's exactly why you should take a musical break just after the "normal" work day before settling into your evening session.
7-9pm tonight: DJ Amber is spinning techno at Levende Lounge in San Francisco.
Easy parking. Come and join us. You won't be the only one working on your laptop, I can pretty much guarantee that.
- Comments
Been busy getting things done
- created
- 9/18 4:57 PM
- content
tags:
When did it get to be mid-september?
I've been so busy getting things done, that once again weeks have gone by without a blog post. Not only have I not had time to blog things as I get them done, but I'm not even sure I can remember them all.
And even now I'm both behind on things that should have been completed weeks ago, and incredibly busy with upcoming events. This means that I will be even less responsive to phone calls, IM, email and other sources of interruption. In short, if it doesn't have to do directly with items in the what's coming up list, I'm going to have to get back to you in about a month. I'm not kidding.
Here is at least a summary of the things I've had a hand in recently that I can remember (and in some imaginary world where I have a few days to just blog, I'll blog about each individually with more detail):
- Technorati and Newsweek integration.
- hCards on 42,000+ Avon representatives' home pages.
- Technorati Blog Finder and the
- rel-directory microformat (the ODEO guys rock!)
- Technorati integration into the WashingtonPost.
- hCard example equivalents for all vCard examples in RFC2426.
- Went to LA briefly to meet with Microsoft IE and RSS folks at the PDC and discuss microformats.
- Super Happy Dev House 4
- hCard parsing, including the resolution of two major issues found while writing it up.
- hCard spec and hCard profile updated as well.
What's going on and coming up:
- Microformats.
- 9/21: Web Spam Summit
- 9/24-25: Webzine 2005, and Love Parade events if I find the time.
- 9/29-30: Web Essentials 05.
- 10/4: Microformats talk at OSAF
- 10/5-7: Web 2.0 conference.
- 10/17-19: W3C CSS Working Group f2f in San Francisco.
- Comments
- © 1996-2005,
Tantek Çelik
(get vCard), All Rights Reserved.
- Valid: