Search engine optimization for semantic html tags-

Source: Internet
Author: User
In order to make our website better captured and indexed by search engines and more naturally get higher traffic, the semantics of website tags is particularly important. Tag semantics refers to the meaning of tags .,. In order to make our website better captured and indexed by search engines and more naturally get higher traffic, the semantics of website tags is particularly important. Tag semantics refers to the meaning of tags. To better understand the semantics of tags, let's take a look at the following example:

Entertainment Projects Project expenditure
Dinner party $200

The above code is obviously an example without semantic tags. To make its structure clearer, the correct method is as follows:

Expenditure Statistics
Entertainment Projects Project expenditure
Dinner party $200


: Table title;

: The header of a table;

: The column header of a column in the table.

Yes, the purpose of tag semantics is to be friendly to search engines. With good structure and semantics, our webpage content is naturally easily captured by search engines, in line with the search engine collection rules, website promotion can save a lot of effort, and the maintainability is higher, because the structure is clear and easy to read. This is also an important step for search engine optimization SEO. Of course, there is much more to do with SEO. To learn more about SEO, please refer to the following steps:

Http:// Url = f_v0cbvzTIxhwKNaJtdd-qGjGMefJww4ko9pJaZj4rJArylR_dpUZsobKKLlMKBi


So what we need to do is to make our HTML tags and attributes semantic, such:

P semantics: Division (separated)

Span semantics: Span (range)

Ol Syntax: Ordered List (sort List)

Ul Syntax: Unordered List (Unordered List)

Li Syntax: List Item (List Item)


, Is used as the title, and decreases in importance. Is the highest level.


Paragraph mark. Now you know

As a paragraph, you will not use
Line feed is not required.

To distinguish paragraphs from paragraphs.

The text in will automatically wrap, and the effect of line feed is better


Label syntax is "bold"

The tag syntax is "emphasize"

The label syntax is "more strong emphasis" and em is represented in italic by default, strong is represented in bold.

When we know the semantics of these three tags, we can decide which key words to emphasize when doing SEO.And, Purely bold.


    1. Tag

        The tag syntax is an unordered list of definitions.

          Tag semantics is an ordered list of definitions

        1. The tag syntax is the definition list item.

          Therefore, when a list project is involved, use

          • Or
            1. (Or
              Instead of using




              The tag syntax defines the list of definitions.

              Tag semantics defines the items in the definition list (that is, the term Section)

              The label syntax is the definition part of the definition items in the definition list.

              Therefore, when we use a list with titles, we can use

              Custom List Implementation

              6. Labels

              The label syntax is used to combine the line elements in the document.

              (Differentiation and


              Is a block level element ),

              It is an element in the line. The content of the former will automatically wrap, while the latter will not wrap the line before and after.




              The tag syntax is used to mark brief single-row references. Web browsers automatically recognizeContent

              The tag syntax is used to mark long references of several or more segments.

              Labels can beCan be used together

              Used together to provide the source address of the referenced content.

              Let's look at an example:

              ConfuciusYue:It's a pleasure to have friends from afar.

              Most of us have a profound experience. When the mainstream browser version is upgraded, the website we just created may become obsolete and we need to upgrade or re-build the website. For example, the typical "browser war" in-, in order to be compatible with Netscape and IE, websites have to write different code for the two browsers. Similarly, whenever new network technologies and interactive devices emerge, we also need to create a new version to support such new technologies or devices, such as WAP technology that supports mobile Internet access. Similar problems can't be solved: the bloated and complicated website code wastes a lot of our bandwidth; The DHTML special effects for Some browsers shield some potential customers; the uneasy-to-use code, users with disabilities cannot browse websites. This is a vicious circle and a huge waste.


              , ,

              Tag semantics: HTML table
              The label syntax is to define the table's header cells.

              The label syntax is to define the table title.

              9.Tags,Tags,Tag </B> </p>

              The tag syntax is to define a button.

              The tag syntax is used to collect user information. According to different type attribute values, input fields have many forms. The input fields can be text fields, check boxes, text controls after masks, single-choice buttons, and buttons.

              The label syntax is a text input control that defines multiple lines </p>

              Button Control andIt provides more powerful functions and richer content.

              AndAll content between tags is button content, including any acceptable body content, such as text or multimedia content.


              The tag syntax is to define a tag for the input element)


              The syntax of a tag is to define the text that has been inserted into the document.

              The label syntax is the text that has been deleted in the definition document.

              AndUsed Together to describe updates and fixes in the document. Don't use del anymore.Del is obviously more semantic. In addition, del also has cite and datetime to indicate the reason for deletion and the deletion time. Ins indicates insertion.

              For the usage of these two labels, see:



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.