Web Development Blog

Twitter

Web Standards

Web Standards is defined as a set of rules or specifications that should be followed when developing a website.  The main objectives of web standards are to separate data from the presentation, to enhance compatibility, accessibility, extensibility and maintainability and to make user experiences richer and more enjoyable. 

"The World Wide Web Consortium (W3C), along with other groups and standards bodies, has established technologies for creating and interpreting web-based content. These technologies, which we call ‘web standards’, are carefully designed to deliver the greatest benefits to the greatest number of web users while ensuring the long-term viability of any document published on the Web. Designing and building with these standards simplifies and lowers the cost of production, while delivering sites that are accessible to more people and more types of Internet devices. Sites developed along these lines will continue to function correctly as traditional desktop browsers evolve, and as new Internet devices come to market." (Source: Web Standards Group – http://webstandardsgroup.org/standards/)

Contrary to popular beliefs, Web Standards are more than just table-less CSS layouts or validated HTML and CSS sites.  While having a validated site is necessary to adhere to Web Standards, there are much more to Web Standards than just validated code.

Web Standards include, but not limited to:

Validated Code
Validated code means all the code you have written for your website is validated, be it HTML, XHTML, CSS, XML, JavaScript or any other code.  While some web browsers are tolerant enough to let you get away with invalid code, web developers should always adhere to web standards and recommendations. 

Being accessible to everyone
Accessibility has become a major challenge for the World Wide Web, with the Internet becoming a much-used source for information.  Accessibility, in its simplest form, means the information or services offered on the Internet must be approachable by everyone, regardless of any disabilities.  Abiding by web standards helps achieve accessibility to the greatest extent possible. 

Being compatible with all platforms and devices
As with Accessibility, the information or services offered on the Internet must be reachable from any browsers or devices.  For example, a user accessing a website from a handheld device should be presented with the same information as a user accessing it from a desktop computer.  However, being compatible does not mean having to be the same or identical and browser compatibility can easily be attained by adhering to web standards. 

Structural and semantic markup
Building websites with structural and semantic markup may sound easy and some might argue that having a validated code means having a semantic markup.  Unfortunately, this is not the case.  Semantic markup means the elements used to depict the content should correspond to the meaning of the content rather than presentation.  For example, to be semantically correct, the heading of the page should be enclosed in <h1>, a list of navigation items should be defined as list-item elements, etc.  Using semantic markup enables computer programs and technologies (such as Search Engines, Speech Browsers) to more accurately interpret the content and retain its logicality. 

Separation of content and presentation
To successfully separate content from presentation, one must have a good understanding of semantic markups.  Separation does not mean isolating different versions.  Therefore, rather than creating a different version for a different device, separation of content and presentation should be achieved through the use of semantic markup and abstraction of the content from the appearance.  Conforming to web standards to carry out the separation increases reusability, flexibility and maintainability of any websites. 

Usability
“Usability is a term used to denote the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal.” (Source: Wikipedia)  A usable website means an effective, efficient, easy-to-use, error tolerant and user-friendly website which enables users to accomplish their specified goals satisfactorily.  The web standards and best practices will help you build websites which enables you to offer a better user experience. 

By adhering to web standards, not only does it deliver future-proof websites which are user-friendly, accessible, adaptable and maintainable, it can also be ensured that the World Wide Web is utilized to its full potential.

Related Books

— Ei Sabai Nyo

ebook
Subscribe to our newsletter and receive FREE e-book "7 Days Exercise to Build More Traffic To Your Blog"
Your name:  
Your email:  

  • About
    The blog Web Development Blog is where I keep myself up to date with the latest technologies in the industry and share my ideas and thoug...
  • Adsense Tips and Tricks
    With personal and commercial blogs, community websites, and social pages becoming the hot topic of the Internet in the last few years, many...
  • Advertise With Us
    Web Development Blog is a blog about Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Techno...
  • Archive
    Grab yourself a cup of coffee or tea, sit back and browse through an archive of all the blog posts on Web Development Blog....
  • Choosing a Content Management System
    The most commonly asked question when it comes to Content Management System is whether to build or buy (pre-built). While there are many fa...
  • Coupons
    Use the following coupon codes, promos and discount codes to save money on web hosting, domain names, website templates, ebooks, software, p...
  • Customised WordPress Themes
    If you would like a customised WordPress theme for your blog or your website, read on: (or head to WordPress Themes page to get free WordPre...
  • Favourite Poems
    If by Rudyard Kipling If you can keep your head when all about you Are losing theirs and blaming it on you, If you can trust yourself w...
  • Favourites
    Books Web Development Books Magazines Glamour Reader's Digest Software Adobe Photoshop CS4 Trend Micro Antivirus + Antispyw...
  • How to Start a Blog?
    What's a blog? According to Wikipedia, a blog is a user-generated website where entries are made in journal style and displayed in a reve...
  • Introduction to JSP Standard Tag Library (JSTL Basics)
    Tag libraries to include in your .jsp page <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> &l...
  • Links
    Free Anonymous Proxy Increases your privacy and security on the Internet by using our free, fast and easy to use web proxy. data backu...
  • Making a Passive Income Online
    Passive income, in my opinion, means an income which does not require a lot of regular maintenance work or continuing effort. I have been t...
  • Online Distribution Channels
    One of the importances of any website or business is to bring your products or services to the right people and to reach the target audience...
  • Recent Projects
    Followings are some of the recent projects I have done in 2006 -- 2007. Check out my latest business venture Web design Sydney to get your...
  • Recommended Web Development Books
    Many developers often ask me what books I read and what books I recommend in regards to web development and web technologies such as AJAX, J...
  • Search
    Looking for something on Web Developement Blog? Use this search tool powered by Google Custom Search to find what you are looking for just ...
  • Seven Tips to Building an Online Presence for your Business
    1. Get a domain name for your business The first and foremost step in building an online presence is to secure a domain name for your busi...
  • Seven Tips to Increasing Your Website’s Traffic Using SEO
    SEO is the buzz word - many people have mentioned it and many have heard of it too, but very few people know how to implement it properly. ...
  • Subscribe
    Newsletter [newsletter] RSS 2.0 feeds Entries feed Comments feed Subscribe using your favourite web-based or desktop feed r...
  • Useful Linux Commands
    Find files older than 60 days find * -mtime +60 Delete files in backup folder which are older than 60 days rm -f `find /backup/ -mtime ...
  • Web Design Tips
    Nowadays, having a website for your business is like having a phone number. Almost every business has their own website, with their own doma...
  • Web Development Books
    Many developers often ask me what books I read and what books I recommend in regards to web development and web technologies such as AJAX, J...
  • Web Hosting Comparison Chart
    The following are some of the most popular web hosting providers. I have personally used the recommended ones. Hosting coupon codes will ...
  • Web Standards
    Web Standards is defined as a set of rules or specifications that should be followed when developing a website.  The main objectives o...
  • WordPress Themes
    All WordPress themes are designed and coded by esn studio, and licensed under GPL license. If you would like a customised WordPress theme fo...
  • Sam: Useful. I always forget the rel target one
  • Chronic Tinnitus: Hi, Thanks for taking the time to discuss a really confusing matter - I find Plesk so much more awkward than the cpanel that I'm used to. Thanks Chr
  • Serhiy: I personally liked the web hosting comparison chart. Especially the recommended *. I got Bluehost :) .-= Serhiy´s last blog ..

Interests

Web development, Web design, Open source technologies, Portal development, APIs, Web services, Social media applications, Search engine optimisation, Mobile application development, iPhone Apps, Web 2.0, Web 3.0, Latest Internet technologies

Misc.

  • bluehost Hosting $6.95/month
  • Joomla Templates