Attributes and usage of XHTML labels in CSS _ HTML/Xhtml _ webpage Creation

Source: Internet
Author: User
When I first came into contact with XHTMLCSS to design webpages, I had no experience or casual use of tags. I often thought that I could use whatever I think of, as long as I could achieve the effect. However, with the in-depth study and understanding of the search engine optimization knowledge, it is found that the use of tags is also a learning. We have no experience or freedom to use tags when we are new to designing web pages with xhtml css on the webpage tutorial network. We often use tags when we think of them, I think that only the effect can be achieved. However, with the in-depth study and understanding of the search engine optimization knowledge, it is found that the use of tags is also a learning. We have been emphasizing semantics in the CSS tutorial document of the script house --jb51.net. How can we use HTML tags? Where are their general usage locations?
When I first came into contact with xhtml css to design web pages, I had no experience or casual use of tags. I often thought that I could use whatever I think of, as long as I could achieve the effect. However, with the in-depth study and understanding of the search engine optimization knowledge, it is found that the use of tags is also a learning.
Here, we will not detail the attributes and usage of each tag in CSS. We will focus on the application in the web page and hope to help you.
I. DIV
DIV should not be unfamiliar with friends who build XHTML websites. Many websites and materials also refer to the Construction of standard Web websites as div css websites. This is not unreasonable, because W3C does not recommend that Table labels be applied to the layout of webpages, and DIV, as a layout label, naturally undertakes the layout task.
DIV is also a large container. In addition to the overall structure of the web page, we recommend that you use it in areas that appear relatively independent on the web page. Just like a newspaper, DIV is used to divide a large container of different content. In different regions, select the appropriate tag based on the actual situation.
II. H tag
The H tag is a title tag. It is often used before a paragraph to indicate the meaning of a paragraph. According to the display and the level of the meaning to be expressed, it can be divided into H1 ~ H6.
H1 is of the highest importance and is often used to express the description of the role and nature of the entire website, or to represent the target audience of the website. Other labels are used to display the name of a specific area or a rough description of a specific section of the text based on different levels.
Because it represents a general description of a website or a paragraph of text, H tags are of great value to search engines. However, this does not mean that you can use it at will. For example, some websites use the H tag to display keywords in a text to deliberately pursue the ranking of specific keywords. Or simply use the H tag as a container to layout the webpage. This completely obfuscated the role of the H tag, which is not recommended.
Iii. P
P is a paragraph label used to distinguish different paragraphs of a group of texts. For search engines, the text in the first P tag is of great value according to the capture order. For example, Baidu ignores the text in the description (description) of the Meta tag and captures the content in the first P tag (not absolute ).
In order to enable the search engine to capture more content and give users a browsing experience
Label. This is not to say no. Sometimes it cannot achieve the expected results. For Strict type documents,
Is a manifestation label and cannot be used.
Although most websites use a transitional document type, it is not recommended for text segmentation.
Iv. UL and LI labels
This is an unordered list, the UL tag declares the list, and the LI tag is a list item. Because of its relatively independent project, it is often used in navigation, news, or article lists. UL can also be used as a container to differentiate different lists.
Some websites can pursue "Web standards" and convert tables to UL and LI, which makes it difficult to read and maintain webpages, wrong understanding is against the concept that Web Standards convey to us.
V. Table
Here, I will not introduce more about Table usage. I just want to say that the Web Standard does not mean that the Table cannot be used in the future, but it is not recommended to use the Table layout, only when displaying data. Therefore, the use of Web pages and Table labels is not in conflict.
6. tags for search engines
(1) Title: the Title of the webpage, which describes the website. Secondary tags are also very valuable for search engines. They often include target keywords.
(2) keywords of Meta: The key keywords in the webpage. Initially, the search engine was prepared to facilitate the classification of websites. However, many websites often use this tag to cheat in order to make keyword ranking more favorable, so now this tag has almost no meaning for search engines.
(3) Description of Meta: Description of the webpage. Like Keywords, it was originally designed to facilitate search engine classification. Many websites use this tag to cheat, so it is not so important for search engines. Currently, only Google is capturing the content in the mainstream search engines, but the keywords are hardly determined by the content.
In fact, for search engines, the most important thing is the quality of content. Similarly, we promote ourselves to viewers. Please do not forget the basics for a moment. After all, users are concerned about whether the information is needed, not the ranking of your website.
The above are commonly used. For Beginners, it is easier to confuse location labels to introduce so much to you first. You are welcome to follow the CSS tutorial articles updated by jb51.net. What new problems will you encounter in the future, it will continue to expand.
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: info-contact@alibabacloud.com 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.