After the team's CSS3.0 Chinese handbook in the domestic starting, the recent popular everywhere blowing HTML5.0 and CSS3.0 spring Breeze; It seems that in this browser to ridicule each other in the era, the achievements of a lot of industry gossip topic.
Years ago, Google's Chrome team came to the company to do the related exchanges, the company asked me to do a preliminary discussion plan. So I thought about it, and it mentioned three points:
Chrome for more than 12px font size support Chrome's developer tools are integrated, but not as flexible and easy to use as Firebug. The interpretation of the Web page should be rendered with two interpretations of its kernel.The previous two points are more targeted to chrome itself, and the 3rd, I think, is more about writing programmers for our new age browsers, and our foreign friends who are working on the standards of the Global Consortium.
Recalling that the time of war between XHTML2.0 and HTML5.0 spanned nearly 4 years (2002/8/5–2006/7/26), the result of the battle was now XHTML2.0 to retreat.
This war, we are above XHTML2.0. The first thing worth saying is the reflection that he left behind in his thoughts: (As seen by Nicholas Chase Master's "the Web ' future:xhtml 2.0", click to skip Foreplay. It will be replaced with semantics, such as B, I and so on, which are purely performance-related labels. (structure, behavior, performance separation) <i> emphasizes </i>, <b> emphasizes </b>and
<em> emphasizes </em>, <strong> emphasizes </strong> will replace IMG and other content pictures with SRC attributes and use Srctype for type definitions. (Display text Description when external resources fail to load, remove alt restriction)Introduction to Apple with
<object> using objects audio </object><img src= "Apple.png" alt= "This is an apple picture"/><p> This is a description of the fruit of the apple. </p>and
<p src= "Apple.mp3" srctype= "Audio/x-mpeg" ><span src= "Apple.png" srctype= "Image/png" > This is an Apple photo </span > This is a description of the fruit of the apple. </p> the "no hierarchy" article using the combination of <h>, <p> and <section> instead. (coded using modular thinking) <html><head> <title> Web Modular </title></head><body> <h1> Web page Modular Thinking </h1> <P>2010 Year v2.0 version </p> <h2> what is modularity? </h2> <p> modularity refers to the process of dividing a software system into several modules from top to bottom when solving a complex problem. Each module completes a specific sub function, and all modules are assembled in a way that becomes a whole and accomplishes the functions required by the entire system. </p> <h3> What is the module in the front-end? </h3> <p> Each of the pages has independent content and can give the title of the fragment. </p> <h2> Why do you want to do modularity? </h2> <p> Multi-person collaborative development can also have a part of the overall control, but each individual can handle their own part of the code, while not interfering with other members of the code, a high degree of efficiency. Modify only need to deal with the independent need to modify the module, the rest of the module will not affect, the error to navigate to the specific module, directly for this piece version rollback. High risk reduction. </p> <h2> How to do modularity? </h2> <p> The main content to refine the content of the two ways to separate the block, by the PM for the naming convention, assigned to the hands of the code to write. Finally, the code fragment is merged by PM. What do </p> <h2> modularity need to be aware of? </h2> <p> Common parts of the code permissions need to return to the PM hand management; allow the code to be bloated periodically, with regular version consolidation of the public parts. </p></body></html>and
<html><head> <title> Web page modular </title></head><body> <section> <h> Web Modular Thinking </h> <p>2010 Year v2.0 version </p> <section> <h> what is modularity? </h> <p> modularity refers to the process of dividing a software system into several modules from top to bottom when solving a complex problem. Each module completes a specific sub function, and all modules are assembled in a way that becomes a whole and accomplishes the functions required by the entire system. </p> <section> <h> What is the module in the front-end? </h> <p> Each of the pages has independent content and can give the title of the fragment. </p> </section> </section> <section> <h> why modularity? </h> <p> Multi-person collaborative development can also have a part of the overall control, but each individual can handle their own part of the code, while not interfering with other members of the code, a high degree of efficiency. Modify only need to deal with the independent need to modify the module, the rest of the module will not affect, the error to navigate to the specific module, directly for this piece version rollback. High risk reduction. </p> </section> <section> <h> How to do modularity? </h> <p> The main content to refine the content of the two ways to separate the block, by the PM for the naming convention, assigned to the hands of the code to write. Finally, the code fragment is merged by PM. </p> </section> <section> <h> modularity What do you need to be aware of? </h> <p> Common parts of the code permissions need to return to the PM hand management; allow the code to be bloated periodically, with regular version consolidation of the public parts. </p> </section> </section></body></html> Replace the original <ul> or <ol> abused navigation list menu with <nl>. (The premise is that the list is best to have a description of the principle) <h5> navigation menu </h5><ul> <li><a href= "index.html" > Home </a></li> <li> <h6><a href= "#" > Music library </a></h6> <ul> <li><a href= "cn.html" > Chinese </a>< /li> <li><a href= "jk.html" > Japan and Korea </a></li> <li><a href= "eu.html" > Europe and the United States </a> </li> </ul> </li> <li><a href= "bbs.html" > Forum </a></li></ul>and
<nl> <label> navigation menu </label> <li href= "index.html" > Home </li> <nl> <label> Music library </label> <li href= "cn.html" > Chinese </li> <li href= "jk.html" > Japan and Korea </li> <li href= "eu.html "> Europe </li> </nl> <li href=" bbs.html "> Forum </li></nl> also has the "ubiquitous links" in the example above. (Remove unnecessary tags)Of course, a discerning eye can see what is said in the Web's Future:xhtml 2.0 from Nicholas Chase (for the last, the HTML5.0 draft is updated). There are one by one explanations in his article, and I don't do one by one of explanations here.
OK, or this early matting is too long; Some of the great advantages of the XHTML2.0 mentioned above can be found in the new HTML5.0 draft. However, Twinsen has always considered XHTML to be the intersection of HTML and XML (which, of course, is often said to be a transition product); XHTML should be a class database framework with content and information architecture at its core (that is, XHTML can act as a pure expression, and its cosmetic appearance lies in CSS On the other hand, it can be referenced as XML as data; Then we can see a new idea in Jeremy Keith's "Misunderstanding Markup" and "The chaos of the Mark language" (translation). Jeremy with milk analogy HTML4.0, and use cheese analogy XHTML1.0, and then use soy milk analogy XHTML2.0, here Twinsen again boldly will HTML5.0 analogy to yogurt. Here you can imagine, Cheese and yogurt are derived from milk extraction and lactic acid bacteria fermentation (XHTML1.0 and HTML5.0 from HTML4.0 refining and fermentation), and soy milk but there is a fundamental difference (XHTML2.0 from the composition of the three have nothing to do with it), of course, here are different flavors of yogurt is added to taste material (canvas) and other new elements; so it's clear. of several language standards for a new comb. and Twinsen to emphasize the difference between HTML and XHTML as mentioned in Jeremy's article:
All tags must be closed (or closed) attributes must be enclosed in quotation marks prohibit the label from being mangled nested label attributes Unified lowercaseMay Jeremy a more tactful way of technical guidance; But perhaps he did not come to China, aware of the history and Development of Chinese website reconfiguration. China has a modern saying: "A Chinese is a dragon, a group of Chinese people is a worm." "And this sentence from China's most ambitious Mr. Lu Xun began, has been the thinking has been circulating." We can recall the dial-up era, when Twinsen came by, and saw a jumble of CGI HTML3.0, then mixed with table and ASP or PHP HTML4.0. The era has been extended to the emergence of Atzie, the Web site to reconstruct a book with that let countless Chinese Internet boss has seen the PPT; this completely overturned the past thinking, led a new trend. Under their leadership, people are proud to pass standard validation, and "Valid XHTML 1.0 Strict" appears below each site. And how many people can understand the true meaning of this mark? As Freud said: "People's Oedipus complex will eventually evolve into an idol worship." ”。 It is the same as Grandpa Mao, and the back of the spring elder brother's appearance, Atzie became a generation of idols, but sadly, the swift Swift retreat out of the world of Reconstruction. At this point many of the new refactoring engineers joined, and they started questioning, and a part of the old refactoring engineers began to get confused. China began to circulate a not for the standard verification and do the page, and then began to cheat (mark disorder still use XHTML1.0 strict type of doctype). From idolatry, evolution to follow, to the back of the deception. This, of course, has its historical inevitability and contingency.
At this point we may also cite some words from Twinsen's first idol to see ourselves:
Reference content
Mao on Chinese house prices
We are now talking about the high prices, this is also the fact that the price is high? I think there's a demand pull, not a cost boost, not because of the high cost. What is demand pull? is a lot of people willing to buy, your price He also bought, this is the demand to pull high. You know economics, do not ask you to buy a house, is to ask you too expensive. Sociological use of questionnaires, the economics of the conduct of the assessment of the market, you even though you said that you pay to buy, it means that you are not too expensive, you too expensive will not buy.
We can calculate, IE6 how big, ff how big, ch how big, op how big, sa how big ... All clearly, there is no need to question. We hate IE6 every day, but we are still doing IE6 compatibility. Does that mean you don't hate IE6? From the technical thinking, this is completely contradictory, because there is no macro-control, is the demand to pull IE6 survival, rather than cost-driven IE6 survival.
Reference content
Mao talk about who gets in the way of getting rich?
You run after a bus, but just want to step on the car when the conductor closes the door, ring to start, away;
When you write, you forget to write your other zip code, although you know this code;
You do not know the ZIP code, so did not write, the result letter was returned by the post office;
There is a quarrel on the road, we stop to wait and see, with infinite interest, will want to poor it so just willing to go;
-Red traffic, crossroads whack, each other squeezed can not move;
-The police overturned the goods of the stall hawker and even threw the Hawker's tricycle on the lorry;
The meeting time someone is not arrive, everybody waits for more than 10 minutes.
......
These phenomena are common to us every day, and no one can think of any relationship between them. But from an economist's point of view, these phenomena are not conducive to China's development is an important reason.
From the basic point of view of economics, poor because many productive potential can not play, because people's labor is not used in production, and even in the efforts to counteract the achievements of other people's work, but also because of a wide range of waste is widespread, the society has consumed huge wealth, but everyone is powerless.
There is another very classic section of the summary.
Reference content
Mao talk about who gets in the way of getting rich?
It does not fall within the jurisdiction of the law, and it is not an offence or even a moral issue, but the end result of a large number of such events is detrimental to social development. The cause of this kind of thing, the responsibility lies in each of us people, whether you are a salesman, a driver, a teacher, a telephone operator, or a government clerk, changing the principles of your affairs may increase the wealth of the community, and when everyone thinks so, the country becomes rich, and the same work you pay will be paid higher.
You do the web, and it won't go wrong, not even read, but the end result of a lot of such events is that the browser will not be sealed for your label, attributes do not write double quotes, but to write more cumbersome code, more expensive CPU operations. As mentioned in the three paragraphs above, do you understand why the IE6 you hate every day is so big? Why does it still exist? All of us--these web site refactoring people single-handedly caused!!
Looking back, the title of the article is called "Go with Chinese characteristics of the Web site Reconstruction Road." RMB appreciation, China's comprehensive national strength to upgrade, the world is moving closer to China. And the birth of HTML5.0, he returned to the HTML4.0 defeated HTML3.0 era, a new technology was born in the era, a promotion of free application of the era; in China countless just debut "page Tsai" will be in such an era of trouble (200 yuan to build stations, Direct Fireworks Chettu Generate pages ... And at this point, we have been worshipping FF, CH, OP, SA ... Do you want to go back to the old path like IE6? and are we going to start hating and hating them the same way? And is this the process that we as a comprehensive national power in this time should not be "a worm"?
Of course, Twinsen is not simply to raise questions and criticisms, not to oppose HTML5.0; we can think of a more sensible solution:
itself uses XHTML requirements (4 points above) to write HTML5.0. Recommended browsers use a dual-resolution kernel, one to the standard page, one to non-standard. (When non-standard pages use standard DOCTYPE, parsing is misplaced or directly closed or unresolved; this is what I recommend to the Chrome team.) Teach everyone around you to maintain the purpose and importance of the standard. Always remember that you are not a "page boy", a refactoring engineer; or even more, you are affecting the development of the human information society.Also bring a question to everyone, without "ISO9002" verified products you dare to use it? What about the Web pages that have not been validated by the "Internet"? So what's the proof? (Thank you for always teaching me the importance of the ISO9000 system Qingjie) or let's imagine when you're on a business trip, the hotel's network cable interface is not RJ45, and then you can not plug into the network (each browser has a private property of the CSS3), or the hotel's network cable interface is a row, respectively, corresponding to the RJ42, RJ43, RJ44, RJ45, RJ46 ... Wiring from the doorway to the windowsill (the browser is bloated with code that is compatible with a variety of cluttered pages).
In the end, I quote some words from the Jeremy article: "As long as you want, HTML5.0 can immediately become XHTML5.0"; XHTML2.0 dead, XHTML and HTML5 are kingly. ”。
Source: http://www.twinsenliang.net/skill/20100406.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
