CSS CSS CSS

Semantic HTML Site Outline

July 18, 2008 @ 9:17 am

Last night I was playing with the structure of the site trying to get the semantics of the HTML better. Using the tools from the W3C’s semantic data extraction for the site it gives me a nifty outline of the site.

• CSS CSS CSS
  [Author Graphic: Adam Ducker]
  • Site Navigation
    • Blog
    • About This Site
    • About The Author
  • Main Content
    • Semantic HTML Site Outline
      • Topics:
      • Keywords:
      • Discussion:
      • Share:
    • CSS Specificity
      • Topics:
      • Keywords:
      • Discussion:
      • Share:
    • Welcome To The New Blog
      • Topics:
      • Keywords:
      • Discussion:
      • Share:
  • Main Links
    • RSS Feeds
    • Recent Updates
    • Topics
    • Popular Keywords
    • Other Sites To Read
  • Footer Links
    • Blog
    • About This Site
    • About The Author
    • See Me Naked
    • W3C
    • CSS
    • XHTML 1.0 Strict

Using hidden Hn tags I have been able to include special information that needs not be stated for those that can see, but hopefully will be more helpful for search engines and those using screen readers and other technologies of the nature.

I’ve also always wanted to design a site that would take part in CSS Naked Day. I’ve always been too ashamed to give it a shot but with this new site I’ve had the time to focus on the HTML quality as much as the visual quality. I sent the See Me Naked footer link to a friend while he was at work and he immidietly said: “This better not be porn…” No, it’s not pornography, but I do get excited when I see well formed HTML.

If any of my readers have any suggestions on how to improve my HTML, leave me a comment.

One Response to “Semantic HTML Site Outline”

1. Computer Juice Says:
   April 22nd, 2009 at 8:07 pm

   Great post! This is why I love blogging. Always something interesting to read, watch and enjoy. It keeps the mind active. Thanks, Amy x.

Leave a Reply

Name (required)

Mail (will not be published) (required)

Website