Home arrow HTML arrow Page 6 - W3C Web Standards
HTML

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 / 39
April 12, 2004
TABLE OF CONTENTS:
  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
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
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
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



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