Home arrow HTML arrow Page 6 - W3C Web Standards

W3C Web Standards

The days of “this site is best viewed in...” are over! We shall no longer be discriminated against for using the browser of our choice. Forget tedious template management, and be prepared to save some dollars on bandwidth! The World Wide Web Consortium have come to agreement on the new Web Standards that will allow us to code and maintain our pages with far less effort, all the while resting assured that everyone can see them as we intended.

Author Info:
By: Justin Cook
Rating: 4 stars4 stars4 stars4 stars4 stars / 42
April 12, 2004
  1. · W3C Web Standards
  2. · An Eagle's-Eye View
  3. · First Component: XHTML
  4. · Attributes
  5. · Second Component: CSS2
  6. · Code Explanation
  7. · Third Component: ECMAScript

print this article

W3C Web Standards - Code Explanation
(Page 6 of 7 )

We've accomplished a number of things here. We've altered the positioning of the logo with 'float',  we've modified the font of a few of the items, and gave the content a nice bordered box to sit in. We've also pushed things over and down and around without using any spacer GIFs! Isn't this the greatest thing? Maybe even better than sliced bread! I would even say this approaches the greatness of the $6.99 party-sized pizza!

You'll notice I made the header an actual XHTML heading instead of just another <div>. This kills two birds. The first is SEO, a search  engine will give a little more priority to a true heading instead of text just made to look bigger. Also, if the site is deconstructed, or perhaps the style sheet is unavailable for one of the many reasons that style sheets often choose to become unavailable, the browser still will render a heading in the default fashion. This will help form the page hierarchy.

I also gave the navigation a background image, configured to not repeat. This is a great feature in CSS2.

You'll want to take my example here and tweak it and use it for your whole page. You can combine the redefinition of XHTML elements such as the body tag, creating your own custom classes, and defining sections within the page.

You will be simply amazed at how easy it is to just change one line of the CSS file, and all of the pages in your site reflect the change, whether it be a small change or something drastic.

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials