Rules for Div tags in website construction

I have been engaged in the website construction industry for more than five years. Today I will take some time to share with my webmasters some of my years of experience in DIV + CSS architecture. Let's talk about the concept first,

It is a block-level element and also means automatic line feed. It is often followed by elements such as class or id, or both. The main difference is that class is used for element groups, and id is used to identify unique elements. The General website architecture is:

Define a common header. Is canonicalized, usually named header.

Define the topic framework, which is canonicalized. It is usually named content or wrapper.

Define the footstep framework, which is named footer for standardization and assimilation.

In

An h1 tag should appear to interpret the content of the entire website, which should include the main Keywords of the website. Use

Unordered tags are arranged in the navigation list. The h2 tag can appear 1-3 times, followed by the h3 tag with reduced weights, which can be used for titles of small sections on the homepage.

The following are some precautions for front-end architecture. First, do not randomly use Heading labels,

There are a total of six Heading tags in html, reducing their respective functions in turn. The title tag not only helps visitors clearly understand the website structure and the significance of a large segment of unread text, it can also help search engines better understand the structure of web pages. Second, we should use regular Heading labels. For example, I have seen that many websites cannot correctly classify Heading labels. For example, in the Content Page, define the website title in

, That is, the General Head of the website.

The title of an article appears on the home page as a comment on the home page or the entire website. The contents in the document or small sections on the home page will be used in a unified manner.

In this way, the Heading label can be standardized, whether it is helpful for search engines or users. Third, we should make the defined Heading label specifications so that users can see the labels to have a certain understanding of the page. Fourth, many webmasters often encounter problems: the use of heading labels is rampant, and ignore the use of tags.

With the development of Web design technology and the increasing demand for user experience, splitting the front-end work into graphic design and page reconstruction is the trend of the times. As professional page reconstruction personnel, they should reflect on and summarize more in their daily work, find norms in non-standards, and seek innovation in standards. Only in this way can the industry become more and more standardized, in order to further enhance the Guest user experience. This article is from the webmaster of www.ynynyn.com of Kunming website construction. For the first time, I posted it on the webmaster network of the red and black alliance. Reprinted it. Please keep the author's link. Thank you.