After the article "This Will Be a Revolution" was released. It has been recognized by everyone in the industry, and of course, it has also been provoked by some internal and external challenges, but more people are asking for details of each point. I went home tonight and went to bed very early. I woke up in a dream in the middle of the night. In the dream, I was playing a game with my classmates in elementary school - The Next. After waking up, I felt that I needed to do something, so I finally modified TMENU (it was delayed for a long time); then I felt that I needed to write a detailed part of the five points mentioned earlier in the near future, so I started writing this article.
It makes sense to go back to elementary school in my dream. One is the game of The Next reminder, and the other is what Piaopiao and I often tell others that to learn HTML well, go back to check the Chinese language books in elementary school. The reason for returning to elementary school is that the books there will not be too much interference from the exam-oriented education, and the essence in it is authentic, while Chinese books mean the essence of HTML: title, paragraph, list, bibliography. The essence of HTML learning is to use whatever it should be - Ghost. Of course, this sentence needs an explanation, and the reference example is your primary school Chinese textbook.
Let’s first take a look at the process of our website production. In my memory, my first website was created in 1998, when I was a group of people who used tables to make web pages. What is the most difficult issue we think in the era of table?
Strange three-row undecided column layout:
Strange one-pixel boundary:
After the table era (I remember it around 2001), the first people who used <div> appeared. So a CSS wind blew in China. The usage is to put him in several tables and use the absolute positioning of CSS, and some add some JS to make him float around. Later, someone started to study CSS. I remember that in the early stage of Fengren Design, several people who talked about cooperation were holding a CSS book and told me about this and that (of course, these people eventually changed careers). At this time, the most difficult question we thought was to do a Dongdong, which was called Java special effects at that time. At this time, I was attracted by the XML proposed by someone, but I just regarded it as a kind of data storage (in fact, this laid the foundation for the implementation of Qzone).
Time flies. On May 1, 2004, on International Labor Day, Electronics Industry Press published a translation of a book called "Web Refactoring - Designing with Web Standards". So the belief in DIV CSS was spread all over the country, which really means that the cross-generational start of Chinese website reconstruction began; but from another perspective, this book pulled China's WebReBuilder out of a fire pit and threw it into another fire kang. I think we can only look at this book from the perspective of looking at the prosperous times of the Sui and Tang Dynasties. Because it only means the birth of a new emperor and a new dynasty, and does not promote social change and evolution from its essence. This book nests tables into div nesting. The most popular discourse at the time (until now) was that my website was made by 'DIV CSS'. At this time, I did not join this ranks and was waiting; because I had a very critical question that did not solve why 'DIV CSS' instead of 'TABLE CSS':
Quote "This Will Be a Revolution":
Let’s take a look at two examples first. Table and div do on the surface they are the same, but once the product manager proposes modifications, performance needs to change. The div will easily change to become this example. As the example shows that without modifying the html, the table cannot complete such changes even if it is beaten to death. The superiority of DIV CSS than TABLE CSS is the liberalization of typesetting. As the above examples are the topic, table will never be able to do it in your lifetime.
It was not until around Qzone 3.0 that I began to figure out the answer above, which took about a year. Then in Qzone 4.0, the birth of three marks dl, dt, dd and TMENU were used. What I regret now is that I have brought you into another cross-era start-XHTML CSS, and it also brought you into a new kang. It is easy to get into the kang and it is difficult to get out of the kang. I began to understand why two reconstructed celebrities - Ajie and Lao Gan, gradually disappeared from the Internet. I began to not blame their previous events, but more of a kind of understanding, and I also made up my mind. Then we began to lay the foundation for the SB concept of healthy competition.
The historical journey is as above. Returning to the essence of HTML learning is to use whatever it should be; it means that tags cannot be abused, and tags that restore to the essence of content are qualified tags. Take TMENU as the example.
The previous HTML code was:
<ul class=menu>
<li><a href=#><span><span>123123</span></span></a></li>
<li><a href=#><span><span>123123</span></span></a></li>
<li><a href=#><span><span>123123</span></span></a></li>
<li><a href=# class=now><span><span>123123</span></span></a></li>
<li><a href=#><span><span>123123</span></span></a></li>
</ul>
The HTML code is now:
<map id=directmenu class=menu>
<div><a href=#><span><span>123123</span></span></a>
<a href=#><span><span>123123</span></span></a>
<a href=#><span><span>123123</span></span></a>
<a href=# class=now><span><span>123123</span></span></a>
<a href=#><span><span>123123</span></span></a></div></map>
<h2>The following is a menu list</h2>
<ul class=menu><li>
<a href=#><span><span>123123</span></span></a></li>
<li><a href=#><span><span>123123</span></span></a></li>
<li><a href=#><span><span>123123</span></span></a></li>
<li><a href=# class=now><span><span>123123</span></span></a></li>
<li><a href=#><span><span>123123</span></span></a></li>
</ul>
Everyone has seen the differences between the two. There is an extra map tag and a hn tag. Why is this so? Let’s take a look at another example: there are 100 cars of different brands, shapes and colors on the playground; now you can divide these cars into several groups and feedback a list for selection. Of course, the use list is something that everyone will think of. But have you ever thought about what this list can represent?
Citation Example
<ul>
<li>XXX Brand XXX Model</li>
<li>XXX Brand XXX Model</li>
</ul>
Again or
Citation Example
<ol>
<li>XXX Brand XXX Model</li>
<li>XXX Brand XXX Model</li>
</ol>
With the list above, I can't see clearly how the classification of this list is formed and why one is ordered and the other is disordered. How did they line up like this and why did they put them together? Many, many questions. Let's take a look at the following example
Citation Example
<h3>Yellow Series Cars</h3>
<ul>
<li>XXX Brand XXX Model</li>
<li>XXX Brand XXX Model</li>
</ul>
Again or
Citation Example
<h3>Factory Year</h3>
<ol>
<li>XXX Brand XXX Model</li>
<li>XXX Brand XXX Model</li>
</ol>
The above examples can be seen at a glance. All the ins and outs became clear. However, why does the map tag still exist in the TMENU code? Let's take a look at an example
The above example is of course correct. However, such a structure makes people feel that the user is extremely low-powered. Isn’t the site map navigation menu after the site name and submark? ( Specially refer to the site where menu is on the top ) And at the same time, HTML itself provides a tag specifically for site map navigation - <map>. Since there is a label that has such meaning in itself, why do you need to use text to explain it? You can't always use <h3>This is an unordered list</h3><ul> so idiotic. Everyone knows that my mother is a woman. Let's take a look at the following example:
Yes, the code is simpler and clearer.
In fact, it will not be difficult to take the first step of WebReBuild. Go back and take a look at the Chinese language books in primary schools, think about the most essential things, and ask yourself more why? . Just like being a human being, you should be like what you should do. You should not be disturbed by complex society and cumbersome interpersonal relationships. Adhere to the principle of being down-to-earth, work hard and be a human being, gold always shines.
Quote content I have a quirk. I really like that during interviews, I always have to take the interviewer XHTML first. Just like when the master recruited apprentices in the past, his ability and wisdom are second, and his character is the first to be affected.I think XHTML is like a person's essence, CSS is like a person's way of doing things and attitudes, and JS is like a person's behavior and style of doing things. The separation of the three, coupled with some peripheral SEO and human-computer interaction, is what we call website reconstruction, which is a very good person. Before, some people always thought that CSS was the most important element of the website, but in fact, it naturally represented a view of life. Indeed, it is difficult for a person to survive well in today's society without a good way of dealing with things; but if the way of dealing with things is too biased, he becomes a person who is good at deceiving and uses any means to do things.
Citation Example
<h1>Site Name</h1>*
<h2>Site subkey</h2>*
<map><div><a href=#>Connect 1</a> <a href=#>Connect 2</a></div></map>
Note: The comment part of No. * is used to emphasize that the site is the primary time for promotion.
Citation Example
<h1>Site Name</h1>*
<h2>Site subkey</h2>*
<h3>Site Map Navigation Menu</h3>
<ul>
<li>Connection 1</li>
<li>Connection 2</li>
</ul>
Note: The comment part of No. * is used to emphasize that the site is the primary time for promotion.