{"id":32,"date":"2006-05-23T16:18:31","date_gmt":"2006-05-23T06:18:31","guid":{"rendered":"https:\/\/eisabainyo.net\/weblog\/web-standards\/"},"modified":"2007-03-08T23:14:40","modified_gmt":"2007-03-08T13:14:40","slug":"web-standards","status":"publish","type":"page","link":"https:\/\/eisabainyo.net\/weblog\/web-standards\/","title":{"rendered":"Web Standards"},"content":{"rendered":"<p>Web Standards is defined as a set of rules or specifications  that should be followed when developing a website.&nbsp; 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.&nbsp; <\/p>\n<p>&quot;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.&quot; (Source: Web  Standards Group - http:\/\/webstandardsgroup.org\/standards\/) <\/p>\n<p>Contrary to popular beliefs, Web Standards are more than  just table-less CSS layouts or validated HTML and CSS sites.&nbsp; While having a validated site is necessary to  adhere to Web Standards, there are much more to Web Standards than just  validated code.<\/p>\n<p>Web Standards include, but not limited to:<\/p>\n<p><strong>Validated Code<\/strong><br \/>\nValidated code means all the code you have written for your  website is validated, be it HTML, XHTML, CSS, XML, JavaScript or any other  code.&nbsp; 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.&nbsp; <\/p>\n<p><strong>Being accessible to everyone<\/strong><br \/>\nAccessibility has become a major challenge for the World  Wide Web, with the Internet becoming a much-used source for information.&nbsp; Accessibility, in its simplest form, means  the information or services offered on the Internet must be approachable by  everyone, regardless of any disabilities.&nbsp; Abiding by web  standards helps achieve accessibility to the greatest extent possible.&nbsp; <\/p>\n<p><strong>Being compatible with all platforms and devices<\/strong><br \/>\nAs with Accessibility, the information or services offered  on the Internet must be reachable from any browsers or devices.&nbsp; 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.&nbsp;  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.&nbsp; <\/p>\n<p><strong>Structural and semantic markup<\/strong><br \/>\nBuilding websites with structural and semantic markup may  sound easy and some might argue that having a validated code means having a  semantic markup.&nbsp; Unfortunately, this is  not the case.&nbsp; Semantic markup means the  elements used to depict the content should correspond to the meaning of the  content rather than presentation.&nbsp; For  example, to be semantically correct, the heading of the page should be enclosed  in &lt;h1&gt;, a list of navigation items should be defined as list-item  elements, etc.&nbsp; Using semantic markup  enables computer programs and technologies (such as Search Engines, Speech  Browsers) to more accurately interpret the content and retain its  logicality.&nbsp; <\/p>\n<p><strong>Separation of content and presentation<\/strong><br \/>\nTo successfully separate content from presentation, one must  have a good understanding of semantic markups.&nbsp;  Separation does not mean isolating different versions.&nbsp; 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.&nbsp; Conforming  to web standards to carry out the separation increases reusability, flexibility  and maintainability of any websites.&nbsp; <\/p>\n<p><strong>Usability<\/strong><br \/>\n&ldquo;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.&rdquo; (Source: Wikipedia)&nbsp;  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.&nbsp; The web standards  and best practices will help you build websites which enables you to offer a better user  experience.&nbsp; <\/p>\n<p>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.<\/p>\n<h3>Related Books<\/h3>\n<ul>\n<li><a href=\"http:\/\/www.amazon.com\/gp\/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2Fo%2FASIN%2F0321346939&tag=eisabainyonet-20&linkCode=ur2&camp=1789&creative=9325\">Bulletproof Web Design<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/><\/li>\n<li><a href=\"http:\/\/www.amazon.com\/gp\/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2FDesigning-Web-Standards-Jeffrey-Zeldman%2Fdp%2F0321385551%2F&tag=eisabainyonet-20&linkCode=ur2&camp=1789&creative=9325\">Designing with Web Standards<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/><\/li>\n<li><a href=\"http:\/\/www.amazon.com\/gp\/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2FWeb-Standards-Solutions-Handbook-Pioneering%2Fdp%2F1590593812%3Fie%3DUTF8%26qid%3D1173358820%26sr%3D1-1&tag=eisabainyonet-20&linkCode=ur2&camp=1789&creative=9325\">Web Standards Solutions<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/><\/li>\n<li><a href=\"http:\/\/www.amazon.com\/gp\/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2FCSS-Mastery-Advanced-Standards-Solutions%2Fdp%2F1590596145%3Fie%3DUTF8%26qid%3D1173358820%26sr%3D1-1&tag=eisabainyonet-20&linkCode=ur2&camp=1789&creative=9325\">CSS Mastery<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/><\/li>\n<li><a href=\"http:\/\/www.amazon.com\/gp\/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.com%2FWeb-Development-Design-Foundations-XHTML%2Fdp%2F032143675X%3Fie%3DUTF8%26s%3Dbooks%26qid%3D1173359097%26sr%3D1-17&tag=eisabainyonet-20&linkCode=ur2&camp=1789&creative=9325\">Web Development &amp; Design Foundations With XHTML<\/a><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\" \/><\/li>\n<\/ul>\n<p class=\"credit\">&mdash; Ei Sabai Nyo<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web Standards is defined as a set of rules or specifications that should be followed<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Standards | Tech Leadership Advice &amp; Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eisabainyo.net\/weblog\/web-standards\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Standards | Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"og:description\" content=\"Web Standards is defined as a set of rules or specifications that should be followed\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eisabainyo.net\/weblog\/web-standards\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"article:modified_time\" content=\"2007-03-08T13:14:40+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/\",\"name\":\"Web Standards | Tech Leadership Advice &amp; Resources\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\",\"datePublished\":\"2006-05-23T06:18:31+00:00\",\"dateModified\":\"2007-03-08T13:14:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/web-standards\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/#primaryimage\",\"url\":\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\",\"contentUrl\":\"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/web-standards\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eisabainyo.net\/weblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Standards\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/\",\"name\":\"Career Resources for Professionals in Tech\",\"description\":\"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors\",\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\",\"name\":\"Isabel Nyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"caption\":\"Isabel Nyo\"},\"logo\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\"},\"description\":\"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more..\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Standards | Tech Leadership Advice &amp; Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eisabainyo.net\/weblog\/web-standards\/","og_locale":"en_US","og_type":"article","og_title":"Web Standards | Tech Leadership Advice &amp; Resources","og_description":"Web Standards is defined as a set of rules or specifications that should be followed","og_url":"https:\/\/eisabainyo.net\/weblog\/web-standards\/","og_site_name":"Tech Leadership Advice &amp; Resources","article_modified_time":"2007-03-08T13:14:40+00:00","og_image":[{"url":"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eisabainyo.net\/weblog\/web-standards\/","url":"https:\/\/eisabainyo.net\/weblog\/web-standards\/","name":"Web Standards | Tech Leadership Advice &amp; Resources","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/web-standards\/#primaryimage"},"image":{"@id":"https:\/\/eisabainyo.net\/weblog\/web-standards\/#primaryimage"},"thumbnailUrl":"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1","datePublished":"2006-05-23T06:18:31+00:00","dateModified":"2007-03-08T13:14:40+00:00","breadcrumb":{"@id":"https:\/\/eisabainyo.net\/weblog\/web-standards\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eisabainyo.net\/weblog\/web-standards\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/web-standards\/#primaryimage","url":"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1","contentUrl":"http:\/\/www.assoc-amazon.com\/e\/ir?t=eisabainyonet-20&amp;l=ur2&amp;o=1"},{"@type":"BreadcrumbList","@id":"https:\/\/eisabainyo.net\/weblog\/web-standards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eisabainyo.net\/weblog\/"},{"@type":"ListItem","position":2,"name":"Web Standards"}]},{"@type":"WebSite","@id":"https:\/\/eisabainyo.net\/weblog\/#website","url":"https:\/\/eisabainyo.net\/weblog\/","name":"Career Resources for Professionals in Tech","description":"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors","publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab","name":"Isabel Nyo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","caption":"Isabel Nyo"},"logo":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/"},"description":"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more.."}]}},"_links":{"self":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"wp:attachment":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}