Return the html tag to its original meaning_html/css_WEB-ITnose

To be honest, the term "div css" has harmed many people. Maybe the original intention of the person who proposed it is not wrong, but the followers misinterpreted its meaning and thought that the entire page should be It is a combination of div css files. Doing this has no visual impact, because it restores the previously designed page renderings, but if this HTML document is handed over to a machine (such as a spider) for analysis, it may not be able to find the key points at all, and your entire page will be focused on it. For example, it is like a termite nest. The first thing it needs to do is to remove the same things and then filter the content.

The development of search engines has given birth to a profession "seo" in the Internet industry. Because they have to do "keywords", almost all "seo" put their "technical core" on researching keywords. In addition to making the title, keywords, description and entire document full of keywords that may be of interest to search engines. Even the alt attribute of the image and the title attribute of the text container are "keywords". Such seemingly perfect "seo technology" often ignores two important points: 1. The definition of html tags. 2. Streamline the page. The former allows search engines to have an "understanding" of the "meaning" throughout the page, while the latter improves access speed and reduces server load. It’s a pity that “seo” people often don’t understand HTML and load, and people who write code often don’t understand “seo technology”. This may cause a considerable career bottleneck, and the mentality of eager for quick success and quick profit makes these two professions They don’t learn from each other and each does his own thing.

In my development experience, I have encountered html tags that are all divs. It seems that except for the

and , the rest are all

(mine My understanding is: the entire html is assembled from 10,000 unrelated contents); I have also encountered that the entire article is structured as

• (my understanding is: all elements of this page It’s all a list). In fact, these two situations are quite common. Because of the misunderstanding of the true meaning of "div css", perhaps there should be no such term at all, because it is almost impossible to complete a complete page with just div css; the original meaning of this term may be "Presented by html css divided by divs", I believe it would be more reliable to say "html css", but this does not reflect the "popularity" of "flow layout"... It is really troublesome.

  There are more than 50 kinds of html tags, see Chapter 4 for details. Our commonly used html tags (except form tags) mainly include the following:

  div, ul, ol, li, dl, dt,dd,p,span,h1-h6,label,em,strong,img,a,u,b,i,s...

  I think it is necessary to give their definitions and give them later They are divided into groups. The w3c grouping is more scientific than me, but not as easy to understand as me:

  div: division (separate, split, distinguish, allocate, dividing line), tags can divide the document into independent, different parts. As a representative of block-level elements, because there is no fixed format, it is currently the most abused.

  ul:unordered list (unordered list) is combined with the li element to form a group.

  ol:ordered list (ordered list) is combined with the li element to form a group.

  li:list item (list item) must be within the parent ul or ol container. This must be added by myself. w3c just said this:

  contexts in which this element can be used: inside elements. inside elements. inside elements.

  I added a must in front of it to express the seriousness of this problem ^^

  dl:definition list (definition list) is combined into a group with dt (items defined by definition term) and dd (description defined by definition description).

  p:paragraph (paragraph) is used to store a paragraph of the article.

  span: The span (range) tag is used to combine the content of sections in the document. As an inline element, and because it does not have a fixed format, it is currently abused more.

  h1-h6: head (title 1 to title 6), please note that the head here represents its meaning, which is different from the

  tag, and do not think it has anything to do with