Why your site should be developed with CSS and semantic markup
One thing that I have learned in over a decade developing web sites is that the Net is continually changing, and to keep up you need to change with it. One of the more recent developments in web design is the use of CSS and semantic markup. CSS and semantic web design has several benefits: clarity in code, browser and other web-enabled devices compatibility, seperation of content and presentation, smaller burden on bandwith, and better visibility to search engines.
Back in the day, we designed sites with tables and hacked those tables into doing things that they were never meant to do. The table tag was designed to display tabular data, not as a way to render the layout of a website. Unfortunately, a better alternative did not exist, so we used tables. This made for inefficient, slow loading sites with code that was very hard to read and maintain. wikipedia defines sematic markup like this:
Sematic pages: supply information for Web search engines using web crawlers. This could be machine-readable information about the human-readable content of the document (such as the creator, title, description, etc., of the document) or it could be purely metadata representing a set of facts (such as resources and services elsewhere in the site). (Note that anything that can be identified with a Uniform Resource Identifier (URI) can be described, so the semantic web can reason about people, places, ideas, cats etc.)
These days, hip designers and developers use CSS extensively to create beautiful, fully standards compliant sites. CSS-based layout allows us to develop sites that will degrade effectively--that is that they will be viewable on all types of devices such as PDAs, cell phones, T.V.s--and will work correctly on devices that dont even exist yet as long as they are standards compliant.
Most importantly, developing sites with CSS allows us to effectively separate content and presentation. Have you ever looked at the source code of HTML pages that were created with a table-based layout and wondered what the heck is going on here? You see lots of opening and closing of tables and table rows all mixed together with textual content and graphics. With a clean, CSS-based layout you can create pages that are easily understood by looking at the source, making them easier to understand, maintain, and update. Look at the source of my company site wikipedia and then look at the source code of this site that uses a tables based layout: wikipedia. Big difference, huh?
If you have a site with high traffic, you can significantly reduce the amount of bandwdth used by transitioning from a table-based site to a CSS-based layout. If a visitor to your site doesnt have to load all of the code needed to render those tables and spacer gifs, you are transmiting less data.
CSS also offers search engine optimization benefits over tables. If you have a tables based business site that relys on Internet traffic to turn a profit or aquire new clients you will see real advantages by switching to CSS. When a search engine spiders your tables-based site, they retrieve a large amount of content that has nothing to do with you business. When search engines spiders a clean CSS-based site, the majority of content retrieved will be textual content that describes your business. The ratio of content-to-code is higher with CSS-based layouts.
Weve all seen search engine descriptions that dont make any sense; thats because search engine spiders use a top down method for retrieving information. Whatever is topmost in your document, the search engines are going to think is the most important part of the document, and therefore should be used as the description. Since we seperate content and presentation with CSS, we can put the most important information at the top of a document no matter where it is actually displayed on the page. Try that with tables!
I hope this article gives you an overview of why it is important to transition from your current tables-based layout to a fully valid CSS implementation. If you dont have a web site, but are planning on launching one in the near future, make sure you tell your developers you want a CSS-based implementation. If you need help moving from your current tables-based site to a CSS-based one, please feel free to contact me at vp3media@gmail.com or call me toll free at 1-877-320-4349 and Ill be happy to discuss your site with you.
James Kendall has been developing websites for over a decade and has founded and co-founded several companies concerned with web development since 1994. Currently he runs wikipedia and focuses on one on one interaction with select clients.
taxi o'hare Wisconsin Dells ..Clutter: Too much noise, too much text, and too little... Read More
Before doing anything on the technical side, you need some... Read More
There is no doubt that reprint articles can serve lots... Read More
Many people today are tired of the Microsoft software that... Read More
Your web site should be-visitor friendly to navigatesearch engine friendly... Read More
The Questions You Should Be Asking ? The Answers You... Read More
As of September, Smartads went through what so many have... Read More
Web advertising has taken many forms, including those that appear... Read More
The great debate: how much copy you should have on... Read More
Many Internet sites that try to sell you something have... Read More
It seems more and more webmasters are using CSS for... Read More
Chris, a new consulting client, asked me to help him... Read More
The first step to starting any Internet business is conducting... Read More
Any kid, and their grandmother too, can make a webpage.... Read More
Well, a logo for your business. Why is it important?... Read More
Sooner or later every small or medium business owner realizes... Read More
An ongoing challenge for webmasters today is to provide fresh... Read More
When building your website you might not have a large... Read More
Making your site accessible means making it available to be... Read More
You've come up with a great product. You've got the... Read More
In retailing there is a saying that sales are made... Read More
Many websites make the mistake of being all flash and... Read More
Creating a web site takes thought, planning and execution. Unfortunately,... Read More
Here's the single most important part of your website: YOUR... Read More
Know what you wantMake sure you know why you... Read More
bmw rental chicago Ackley ..When you start building your online business and search for... Read More
I am constantly bombarded with all sorts of advertisements, single-page... Read More
A web site builder can be a real life saver... Read More
We all want high impact graphics for our Web sites... Read More
Have you heard of 'Babel Fish'?It's a service provided by... Read More
When designing elements for your webpage, you will often be... Read More
Before you start worrying about marketing your website on the... Read More
You have good traffic, but low client sign ups and... Read More
Your home page is the most important page of your... Read More
You can create a website that attracts customers, not repels... Read More
Are you using the best colors for your web site?... Read More
Do use a consistent look and feel Your site should... Read More
There are two camps when it comes to flash web... Read More
If there's one thing that I've learnt so far, it's... Read More
Cascading Style Sheets (CSS) allows you to create fast loading... Read More
Web design is a very competitive area and there is... Read More
What is a Website Template?Many smart and savvy businesses are... Read More
Before you take a road trip it is usually a... Read More
Creating a web site takes thought, planning and execution. Unfortunately,... Read More
Usability isn't only for Web design. It's also applicable in... Read More
This is the second part of a two-part article about... Read More
I can't figure out people who have products or information... Read More
Creating your own website can be fun and easy, as... Read More
"Oh, my eyes, my eyes! What an eye sore. Quick,... Read More
Remember the day that you got your new computer (or... Read More
Web Design |