Web site refactoring-application Web standards for design reading notes __web

Insightful quotesThe site's great success is due to the service they offer, not the beautiful visual design. Part I. Before you begin the problems that existCosts rise and benefits fall. To achieve the same site, older protocols require more code and waste more bandwidth. Most of the sites now pursue forward compatibility, resulting in a lot of sniffing code. Waste of bandwidth, and not convenient maintenance, for future compatibility is also a big problem. SolutionFollowing the new standard development, you can save the amount of code and save bandwidth. Follow standard development to ensure backward compatibility. There are many browsers that will slowly support these standards. A page, a variety of display. Ensure that the old browser function OK, do not waste a lot of experience to compatible with the old browser. 1th Chapter 99.9% of the website are outdated what the Web standards are. Structured language XML and HTML, XHTML CSS style DOM model ECMAScript the 2nd Chapter designs and manufactures according to the standard Web Standard Three MusketeersStructure HTML XHTML HTML5 XML representation CSS1 CSS2 CSS3 behavior ECMAScript DOM1 DOM2

Reference: The difficulty of popularizing standard in the 3rd chapter of http://www.w3.org/

An unintelligible chapter. Chapter 4th XML Conquer the World (and other Web Standard success stories) XML and HTML derive from the same technical SGML (similar to HTML, which uses tags, attributes, and values to format the document structure) HTML is a basic language for architecting Web pages. It consists of a number of fixed numbers of tags and rules that appear to be somewhat contradictory. XML is a language that can create other languages. Both XHTML and SVG are the languages of opportunity XML. second Part 5th Chapter Modern Markup Language test code whether a Web page made with HTML 4.01,xhtml 1.0,xhtml1.1 conforms to the standard specification. The
Http://validator.w3.org/XHML is a language that uses XML syntax to redefine HTML. In a slightly more accurate language, XHTML is the markup language for opportunity XML, and looks somewhat like HTML, with only small but important differences. XHTML1.0 is a bridge to the future version of XHTML. 6th Chapter Xhtml:web Refactoring XHTML Standard One: DOCTYPE DOCTYPE is used to explain what version of XHTML or HTML you are using. XHTML allows designers or developers to create personalized, different types of documents, each of which is bound by different rules. These rules are defined on the basis of an XHTML specification called a document type definition (DTD). DOCTYPE declares a checksum service, and modern browsers describe your markup based on the DTD you define. The DTD has three kinds of trancsitional--the most lenient DTD--its stated goal is to "live and let Others live" strictly (Strict)--a grim DTD wielding a whip, forcing you to use the markup and attributes of the presentation layer. Framework (Frameset)--The most popular layout of the the 1990s, as well, can be used in your design. XHTML standard Two: namespace immediately following the DOCTYPE declaration is an XHTML clear space declaration, placed in an enhanced HTML element. One namespace of XML is a specific DTD that collects element types and attribute names, and namespace declarations allow you to identify your namespace by pointing to an online address. XHTML standard Three: Document encoding type designation

The Consortium recommends that the document encoding type be declared before all content (before DocType and namespace) in the following format:

<?xml version= "1.0" encoding= "Utf-8"?>

But there is no browser support, now mainly used:

<meta charset= "Utf-8"/>

Other XHTML standardsCase sensitive: Unlike Html,xml, which is sensitive to capitalization, XHTML is also different in capitalization. All XHTML elements and attributes must be named with lowercase, otherwise your document will be invalid. Quotes all attribute values: In HTML, you don't need to quote attribute values, but in XHTML they have to be quoted. All attributes require a value, such as:

<input type= "checkbox" name= "shirt" checked/>

is not possible, the amendments are as follows:

<input type= "checkbox" name= "Shirt" checked= "Checked"/>

Close all Tags: for the li,p label, you must turn off the empty label and close it: br,img label do not use '--' in the annotation content Some of the other suggestionsDo not use HTML tags to control performance, such as: Table,font label tags as much as possible semantic, with P and Div can achieve a certain effect. Consider its semantics to make trade-offs. 7th Chapter Compact and sturdy page guarantee: A structure consisting of strict and mixed tagsAll elements are structured as much as possible with Div. ID match, used to identify the meaning of the Div 8th Chapter XHTML Example: Mixed layout (Part I)

A little 9th Chapter CSS Introduction