ARTLUNG LAB Share

Created October 27, 2008. Minor updates 2024.

What CSS class names are semantically 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!

Here are a few:

  1. adr
  2. affiliation
  3. author
  4. bday
  5. category
  6. class
  7. contact
  8. country-name
  9. description
  10. dtend
  11. dtreviewed
  12. dtstart
  13. education
  14. entry-content
  15. entry-summary
  16. entry-title
  17. email
  18. experience
  19. extended-address
  20. fn
  21. geo
  22. hentry
  23. hfeed
  24. hresume
  25. hreview
  26. item
  27. key
  28. label
  29. latitude
  30. locality
  31. location
  32. logo
  33. longitude
  34. mailer
  35. n
  36. note
  37. org
  38. organization-name
  39. organization-unit
  40. permalink
  41. photo
  42. post-office-box
  43. postal-code
  44. profile
  45. publications
  46. published
  47. rating
  48. region
  49. rev
  50. reviewer
  51. role
  52. skill
  53. sort-string
  54. sound
  55. street-address
  56. summary
  57. tel
  58. title
  59. type
  60. tz
  61. uid
  62. updated
  63. url
  64. value
  65. vcalendar
  66. vcard
  67. vevent
  68. version
  69. xoxo
Read more at microformats.org.

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

  1. footer
  2. menu
  3. title
  4. small
  5. text
  6. content
  7. header
  8. nav
  9. copyright
  10. button
  11. main
  12. search
  13. msonormal
  14. date
  15. smalltext
  16. body
  17. style1
  18. top
  19. white
  20. link
Source: Web Authoring Statistics: Classes (Internet Archive from 2006)