"Go" also HTML tags in the original meaning

To tell the truth, "div+css" This word does not know how many people harm, perhaps the intention of its proposed is not wrong, but the followers from the performance of the distorted meaning, that the entire page should be a combination of div+css files. In this way, there is no visual impact, because the previous design of the page is restored, but if the HTML document to the machine (such as spiders) to analyze, it may not be able to find the focus, your entire page for it, like a termite nest, it is the first thing to do may be to take these same things to remove, Then do the content filtering.

Search engine development Let the Internet industry was born a professional "SEO", because to do "keywords", so almost all the "SEO" put "technology core" on the study of keywords, in addition to the title, keywords, Description and the entire document are covered by keywords that may be of interest to search engines. Even the alt attribute of the picture, the title property of the text container is "keyword", so the seemingly perfect "SEO technology" often ignores 2 important places: 1, the definition of HTML tags. 2, the page is streamlined. The former allows search engines to "understand" the "meaning" of the entire page, which improves access speed and reduces server load. Unfortunately, "SEO" often do not understand the HTML and the load of things, write code people often do not understand the "SEO technology", which may cause a considerable professional bottleneck, and quick-buck mentality driven to make these two professions do not learn, fragmentation.

My development experience, has encountered throughout the entire HTML tag div, seemingly in addition to

There are more than 50 HTML tags, as described in the 4th chapter, our common HTML tags (in addition to form tags) are mainly 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 say their definition, then to sub-group them, the group more than I this science, but not my understood:

Div:division (separate, split, differentiate, assign, divide), labels can divide documents into separate, distinct parts. As a representative of block-level elements, because there is no fixed format performance, the current abuse is the most serious.

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

The ol:ordered list (with sequence 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 my own addition. This is the only way to say:

Contexts in which this element can be used:inside elements. Inside elements. Inside elements.

I added a must in front of it to indicate the severity of the problem ^ ^

The dl:definition list (definition list) is combined with the DT (defined term definition project) and DD (definition description definitions) into a group.

P:paragraph (paragraph) is used to hold an article.

The Span:span (range) label is used to combine sections of the document. As an inline element, it is also more abused because it has no fixed format.

H1-h6:head (Heading 1 to Heading 6), note that the head here indicates its meaning, unlike the

Note that if the search engine finds that the H tag exists in the page, it will be considered more important and less important from 1 to 6.

Label:label (for the label of the form Control), its name is called a label, but here, the definition of the list is used as a description of the form, for example, we like to add it before or after the input tag.

Em:emphasized (aggravating, emphasizing), in order to emphasize the text it contains. The default style is italic. The results are similar to the <i> tags, but search engines don't think they are the same, because search engines tend to respect the definitions given by the web and ignore the effects of your impressions.

Strong:strong (reinforced, emphasis emphasized), with emphasis on the text contained in it. The default style is bold. Its emphasis on the effect is stronger than EM. Although the <b> label can also play a bold display, but the search engines also do not think they are the same, the reason ibid.

Img:image (picture, image);

A:anchor (anchor) creates the basic chain in the hyperlink.

U:underline (text underline), is about to be eliminated.

S/strike:strikethrough (strikethrough), waist a uniform line on the text.

Divide by display style:

Block-level elements or blocky elements, (the default style is block) is labeled:

Div,ul,ol,li,p,dl,dt,dd,h1-h6 ...

They are exclusive on a single line by default. Unless you change them in style.

inline element, (the default style is inline, but I think the label that's called "inline elements" is easier to understand) is:

Span,label,em,strong,img,a,u,b,i,s ...

They will, by default, be honest with other elements on one line, and when they are given some particular style, for example: Display:block, they will take up a line in an overbearing way. But it should be noted in advance that not all display:block must have a line, and if there is a width, float will push them forward, so that they can also be in line with other elements.

Divided by combination:

A fixed group:

Ul--li

Ol--li

Dl--dt--dd

Scattered individuals:

Other...

Where to make some notes:

1, inline elements, which themselves are not "framed", that is, their own size is controlled by its content, before it becomes a block-level element, you control of its width and height is futile. The way to become block-level elements: First, Display:block (directly occupy the entire line) two, float will not occupy the whole line, but you can control its width or height.

2. Some elements that cannot be included or nested (copied from the consortium):

A: cannot contain other a tags.

Must not contain and other a elements.

Pre: (preformatted pre-defined format (text)) cannot contain IMG, object, big, small, sub, or SUP elements

Must not contain the IMG, object, big, small, sub, or SUP elements.

button, cannot contain input, select, TEXTAREA, Label, button, form, FieldSet, iframe, or isindex element.

Must not contain the input, select, TEXTAREA, Label, button, form, fieldset, iframe or isindex elements.

Label cannot contain other label elements

Must not contain other label elements.

Form cannot contain other form elements

Must not contain other form elements.

"Go" also HTML tags in the original meaning