Standardization of website Design (i)

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

This article views: Follow the International website standard (Web standards) to design and improve the website.
Reading objects: Web designers, Web application developers
Keywords: Web standards, XML, XHML, CSS, DOM, DOCTYPE, accessibility

Objective

Changes on the web occur every day, when we feel that web design technology has been very simple and familiar. The concept of standardized foreign website design has long been quietly forming and rapidly "spread", since 2000, most of the new release of the browser version has begun to support the standards of the site. Mainstream web-editing tools are also beginning to fully support Web site standards, and even some software is almost entirely composed of XML files, such as Dreamweaver MX. Some of the most famous commercial Web sites are starting to use site standards to rebuild (for example, sports information www.espn.com), while others reject non-standard browsers browsing their web sites (such as Wired magazine www.wired.com). Numerous design websites (for example: www.k10k.net) and personal website are the forerunner of standard promotion, have turned to adopt xhtml+css to establish. February 4, 2004 XML1.1 recommended Standard officially released, marking the website design Standard era has arrived.

Foreign web site standards of the surge, but the domestic industry appears to be some after the awareness or no interest, let us take a look at the home of the three major portal sites to the standards of the following situation:

Validate Items

Validate Target Site

Checksum results

Code Validation (XHTML)
(Check address: http://validator.w3.org/,
(http://www.htmlhelp.com/tools/validator/)

www.sina.com.cn

Failed, mixed HTML, not reaching XHTML1. Yellow alert: Character set error. (GB2312 is defined, but a GB2312 character is used in the page.) Nonstandard code 43.

Www.163.com

Failed, mixed HTML, not reaching XHTML1. Red alert: Undefined doctype. nonstandard Code 41.

Www.sohu.com

Failed, mixed HTML, not reaching XHTML1. Yellow alert: Character set error. Nonstandard Code 38.

CSS2 Check
(Check address: http://jigsaw.w3.org/css-validator/validator-uri.html)

www.sina.com.cn

25 mistakes.

Www.163.com

1 Warning, 10 error.

Www.sohu.com

1 Warning, 15 error.

Verification results show that all portal sites do not meet the standards of the site, even HTML4.0 standards are not followed. :<font> tags, for example, have been listed as "HTML4.0" (deprecated) labels as early as the April 1998 standard. But our three main portals have a lot of code similar to <font color=red> on the home page. The simple list here is not to criticize these websites for not doing well (in fact, most of the large commercial sites do not pass the strict correctness of the business), there are many reasons for this situation, such as the use of the old information dissemination system, the Web designers are not enough technology and awareness and so on. We just want to make one point: even the more standardized listed companies are not aware of the Web site to follow the standards, other sizes to teach small commercial sites, not to mention that the domestic standards do not pay enough attention to the site.

Let us hurry up with the pace of the new era, together to understand the site standards bar.

A． Why to build a website standard

Most of us have a deep experience, and every time a major browser version is upgraded, the site we just built may become obsolete, and we need to upgrade or rebuild the site. For example, the 1996-1999 classic "Browser wars", in order to be compatible with Netscape and IE, the site had to write different code for both browsers. Similarly, whenever new network technologies and interactive devices emerge, we need to create a new version to support this new technology or device, such as WAP technology that supports mobile internet access. Similar problems abound: The Web code is bloated, the complexity of the waste of our large amount of bandwidth, for a browser of DHTML effects, shielding some potential customers, not easy to use code, people with disabilities can not browse the site and so on. It's a vicious circle, a huge waste.

How to solve these problems? People of insight have already begun to think and need to establish a universally accepted standard to end this disorder and chaos. Business Companies (Netscape, Microsoft, etc.) have also finally recognized the benefits of a unified standard, Therefore, under the organization of the w3c.org, the website standard began to be established (February 10, 1998 issued XML1.0 as the logo), and under the supervision of the website Standards Organization (webstandards.org) to promote implementation.

Simply put, the purpose of the website standard is to:

provides the most benefit to the Web site users


Ensure that any Web site document is available for long term


simplifies code and lowers construction costs


makes the site easier to use, can adapt to more different users and more network devices


when a browser version is updated or a new network interaction device appears, ensure that all applications continue to execute correctly.

For web design and developers, adherence to the Web site standard is the standard; for your site users, the site standard is the best experience.

The number of visitors ranked 4th in the world, China's 1th Sina website, also encountered the problem of nonstandard DHTML. In the latest release of the Netscape7 and Mozila1.6 browser, Sina home page of the floating ads all expired, cascading in the lower left corner of the page. Maybe the advertisers think it doesn't matter what the potential users are losing. (screenshot date April 12, 2004)