Home > Article > Web Front-end > HTML is actually the application of learning several important tags_HTML/Xhtml_Webpage Production
HTML is actually the application of learning several important tags_HTML/Xhtml_Webpage Production
- WBOYOriginal
- 2016-05-16 16:45:551305browse
After the article "This Will Be a Revolution" comes out. It has been recognized by everyone in the industry. Of course, it has also received some challenges from internal and external parties, but what is more important is that more people are asking for every detail. I went home early and went to bed very early tonight. I woke up from a dream in the middle of the night. In the dream, I was playing a game - "The Next" with my classmates in elementary school. After waking up, I felt that I needed to do something, so I finally modified TMENU (it had been delayed for a long time); then I felt that I needed to write down some real cases in detail on the five points mentioned before, so I started writing this article. .
It makes sense to go back to elementary school in the dream. One is that the "The Next" game reminded me, and the other is what Piaopiao and I often tell others. To learn HTML well, you must first go back and read the Chinese language books in elementary school. The reason for going back to elementary school is that the books there will not be interfered by too much exam-oriented education, and the "essence" in them has authenticity, and Chinese language books mean the essence of HTML: titles, paragraphs, lists, and bibliographies. The essence of HTML learning is to use whatever it is supposed to be ——Ghost. Of course, this sentence needs an explanation, and the reference example is your primary school Chinese book.
Let’s first take a look at the process of making our website. In my memory, my first website was created in 1998. At that time, a group of people used tables to make web pages. What is the most difficult question we find in the table era?
Unique three-row and indefinite-column layout:
Unique one-pixel border:
After the table era (around 2001 in my memory), the first batch of people using
appeared. So there was a CSS trend in China. The usage is to put it in a number of tables and then use absolute positioning of CSS, and some add some JS to make it float around. Later, some people began to study CSS. I remember that in the early days of "Fengren Design", there were a number of people who were talking about cooperation, holding a CSS book and talking to me about this and that (of course, these people eventually changed careers). At this time, we felt that the most difficult topic was to make a dong dong, which was called a "Java special effect" at the time. At this time, I was attracted by XML proposed by a person, but I only regarded it as a kind of data storage (in fact, this also laid the prototype of Qzone implementation).
Time flies so fast. On May 1, 2004, International Labor Day, the Electronic Industry Press published a book translation called "Website Reconstruction - Designing with Web Standards". As a result, the belief of "DIV CSS" spread throughout the country, which truly means that the cross-epochal start of Chinese website reconstruction has begun; but from another perspective, this book pulled China's WebReBuilder out of a fire pit and threw it into Another fire pit. I think we can only look at this book from the perspective of the Sui and Tang Dynasties. Because it only means the birth of an innovative emperor and a new dynasty, and does not essentially promote social change and evolution. This book turns table nesting into div nesting. The most popular saying at that time (until now) is "My website is made of 'DIV CSS'." At this time, I did not join this bandwagon and have been waiting; because I have a very critical question that has not been solved: "Why? 'DIV CSS' instead of 'TABLE CSS'":
Quote from "This Will Be a Revolution":
Let's take a look at two examples first. On the surface, the table and div are the same, but once the product manager proposes modifications, the performance needs to change. The div can easily be changed to this type. It can be seen from the example that without modifying the html, the table cannot complete such changes even if it is beaten to death. "DIV CSS" is better than "TABLE CSS" because of the liberalization of typesetting. Taking the above example as an example, table will not be able to achieve this in its lifetime.
It wasn’t until around Qzone3.0 that I began to figure out the answer above, which took almost a year. Then in Qzone4.0, three markers "dl, dt, dd" and the birth of TMENU were used. What I regret very much now is that I also brought everyone into another cross-generational start-"XHTML CSS", and at the same time brought everyone into a new hot bed. It's easy to get into the hot bed but hard to get out of it. Only then did I begin to understand why two reconstruction celebrities - Ajie and Lao Gan - gradually disappeared from the Internet. I began not to blame them for what happened before, but more of an understanding, and I also made a secret decision in my heart. The "SB" concept that paved the way for "healthy competition" began.
The historical journey is as above. Returning to the essence of HTML learning is to use whatever it is. This means that tags cannot be abused, and tags that return to the essence of the content are qualified tags. Take TMENU as an example. The HTML code before
is:
The current HTML code is:
Everyone can see the difference between the two. There is an extra map tag and an hn tag. Why is this? Let's look at another example: There are 100 cars of different brands, shapes, and colors on the playground; now let's divide these cars into several groups and provide a list for selection. Of course, using lists is something everyone will think of. But have you ever thought about what this list can represent?
Citation examples
Or
Citation examples
As for the list above, I don’t understand at all how the classification of this list is formed, why one is ordered and the other is unordered. How are they arranged like this and why are they put together? Lots and lots of questions. Let’s take a look at the following example again
Citation example
Or
Citation examples
The above examples are clear to everyone at a glance. All the ins and outs became clear. But why is there a map tag in the TMENU code? Let's look at an example
The above example is of course correct. However, such a structure will make users feel extremely imbecile. Isn’t there a site map navigation menu after the site name and subtitle? ( refers specifically to the site with the menu at the top ) And at the same time, HTML itself provides a tag specifically referring to site map navigation -
Time flies so fast. On May 1, 2004, International Labor Day, the Electronic Industry Press published a book translation called "Website Reconstruction - Designing with Web Standards". As a result, the belief of "DIV CSS" spread throughout the country, which truly means that the cross-epochal start of Chinese website reconstruction has begun; but from another perspective, this book pulled China's WebReBuilder out of a fire pit and threw it into Another fire pit. I think we can only look at this book from the perspective of the Sui and Tang Dynasties. Because it only means the birth of an innovative emperor and a new dynasty, and does not essentially promote social change and evolution. This book turns table nesting into div nesting. The most popular saying at that time (until now) is "My website is made of 'DIV CSS'." At this time, I did not join this bandwagon and have been waiting; because I have a very critical question that has not been solved: "Why? 'DIV CSS' instead of 'TABLE CSS'":
Quote from "This Will Be a Revolution":
Let's take a look at two examples first. On the surface, the table and div are the same, but once the product manager proposes modifications, the performance needs to change. The div can easily be changed to this type. It can be seen from the example that without modifying the html, the table cannot complete such changes even if it is beaten to death. "DIV CSS" is better than "TABLE CSS" because of the liberalization of typesetting. Taking the above example as an example, table will not be able to achieve this in its lifetime.
It wasn’t until around Qzone3.0 that I began to figure out the answer above, which took almost a year. Then in Qzone4.0, three markers "dl, dt, dd" and the birth of TMENU were used. What I regret very much now is that I also brought everyone into another cross-generational start-"XHTML CSS", and at the same time brought everyone into a new hot bed. It's easy to get into the hot bed but hard to get out of it. Only then did I begin to understand why two reconstruction celebrities - Ajie and Lao Gan - gradually disappeared from the Internet. I began not to blame them for what happened before, but more of an understanding, and I also made a secret decision in my heart. The "SB" concept that paved the way for "healthy competition" began.
The historical journey is as above. Returning to the essence of HTML learning is to use whatever it is. This means that tags cannot be abused, and tags that return to the essence of the content are qualified tags. Take TMENU as an example. The HTML code before
is:
The current HTML code is:
The following is a menu list
Everyone can see the difference between the two. There is an extra map tag and an hn tag. Why is this? Let's look at another example: There are 100 cars of different brands, shapes, and colors on the playground; now let's divide these cars into several groups and provide a list for selection. Of course, using lists is something everyone will think of. But have you ever thought about what this list can represent?
Citation examples
- XXX brand XXX model
- XXX brand XXX model
Or
Citation examples
- XXX brand XXX model
- XXX brand XXX model
As for the list above, I don’t understand at all how the classification of this list is formed, why one is ordered and the other is unordered. How are they arranged like this and why are they put together? Lots and lots of questions. Let’s take a look at the following example again
Citation example
Yellow series car
- XXX brand XXX model
- XXX brand XXX model
Or
Citation examples
Year of manufacture
- XXX brand XXX model
- XXX brand XXX model
The above examples are clear to everyone at a glance. All the ins and outs became clear. But why is there a map tag in the TMENU code? Let's look at an example
The above example is of course correct. However, such a structure will make users feel extremely imbecile. Isn’t there a site map navigation menu after the site name and subtitle? ( refers specifically to the site with the menu at the top ) And at the same time, HTML itself provides a tag specifically referring to site map navigation -
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn