Created October 27, 2008

What CSS class names are meaningful?

"notranslate"

To tell Google Translate not to translate part of your page, use this class. Helping you break the language barrier

"robots-nocontent"

To tell the Yahoo crawling robot to not crawl content, you could use "robots-nocontent." But of course Yahoo! is not in the search business anymore. How do I mark web page content that is extraneous to the main unique content on the page?

"vcard"

This class indicates the the content inside adheres to a microformat for a "hCard" - which is:

hCard is a simple, open format for publishing people, companies, organizations on the web, using a 1:1 representation of vCard (RFC2426) properties and values in HTML. hCard is one of several open microformat standards suitable for embedding data in HTML/HTML5, and Atom/RSS/XHTML or other XML.

There are lots of Microformats related class names! (e.g.: adr, affiliation, author, bday, category, class, contact, country-name, description, dtend, dtreviewed, dtstart, education, entry-content, entry-summary, entry-title, email, experience, extended-address, fn, geo, hentry, hfeed, hresume, hreview, item, key, label, latitude, locality, location, logo, longitude, mailer, n, note, org, organization-name, organization-unit, permalink, photo, post-office-box, postal-code, profile, publications, published, rating, region, rev, reviewer, role, skill, sort-string, sound, street-address, summary, tel, title, type, tz, uid, updated, url, value, vcalendar, vcard, vevent, version, xoxo). Find out more.

In 2005 Google studied the web and determined the top 20 most popular class names:

They were: footer, menu, title, small, text, content, header, nav, copyright, button, main, search, msonormal, date, smalltext, body, style1, top, white, link. Web Authoring Statistics: Classes
blog comments powered by Disqus