Goo Music - Semantic HTML

--

Semantic HTML from Dharmafly's website for Goo Music.
I've written a blog post about how we built the site here: dharmafly.com/blog/goomusic

This photo has notes. Move your mouse over the photo to see them.

To take full advantage of Flickr, you should use a JavaScript-enabled browser and
install the latest version of the Macromedia Flash Player.

Comments

.schtieF says:

where is the semantic in here? dont see any topicMaps or rdf or any concept like this???
Posted 16 months ago. ( permalink )

Hi ShtieF. There's no RDF here. Instead, the HTML is built with various microformats (some of which are contained within elements shown here).

The segment shown here is an hAtom feed - the "twitter" and "myspace" elements contain hAtom entries. The "contact-details" and "website-designer" elements containhCard microformats. The "bookmarks" element contains xFolk entries. And the "license" element contains rel-license.

Additionally, the overall markup pays attention to the semantic meaning of HTML elements and the semantic use of class names. Hence, the markup displays well without a stylesheet and reads well with a screen reader. Basically, an approach of progressive enhancement.
Posted 16 months ago. ( permalink )

Would you like to comment?

[?]

	premasagar's photostream
		1,256 uploads

This photo also belongs to:

	Web Development (Set)
		36 items
	Part of: Web Things

	/geeks (Pool)
		0

	Web Design (Pool)
		0

	Microformats (Pool)
		0

Additional Information

Some rights reserved Anyone can see this photo

Taken on April 2, 2008

Viewed 831 times

Add to your map

Yay location removed

...

(Some formats are OK.)

Or, remove it from the map.

Go to the map

You	Sign in \| Create Your Free Account
Explore	Places \| Last 7 Days \| This Month \| Popular Tags \| The Commons \| Creative Commons \| Search
Help	Community Guidelines \| The Help Forum \| FAQ \| Sitemap \| Help by Email

Goo Music - Semantic HTML

Comments

.schtieF says:

premasagar says:

Would you like to comment?

premasagar's photostream

Web Development (Set)

/geeks (Pool)

Web Design (Pool)

Microformats (Pool)

Tags

Additional Information