PrettyCodeIt is the foundation of a beautiful website. Excellent CSS only exists on top of the same excellent html. The clean and semantic HTML code makes a website more robust. This article describes 12 laws for implementing clean web design code, which is suitable for anyone engaged in web design.
1. Strict doctype
Do it right. Both HTML 4.01 and XHTML 1.0 provide strict mode, which ensures that our code does not hide any errors.
2. Character Set declaration, encoding of special characters
The character set declaration should be placed at the beginning of the
3. Proper indentation
Indentation does not affect the rendering of webpages, but it will significantly improve reading.Source codeExperience. There are no specific rules for indentation, but it is a good habit to always maintain consistency.
4. Place CSS and Javascript in an external file.
Placing CSS and Javascript in external files for reference not only reduces the size of a single webpage, but also means that other webpages can share the Code. In addition, the browser's cache mechanism can effectively reduce repeated downloads of the same Code.
5. Correctly nest tag tags
For example, in the first line of code, the
6. eliminate unnecessary
DIV is often abused (especially in our current Div + CSS myth-the translator). People want to put everything in <div> to assign them CSS styles, this abuse will lead to bloated.
7. Better naming rules
For example, the cat CSS class is named red italic, which implies that cat uses red italic. What if you want to change cat to blue bold?
8. Use CSS to control text layout as much as possible
As shown in, do not use uppercase letters directly. Use CSS to control the formatting of these texts, which is more flexible.
9. assign an independent class/ID to <body>
Assign an independent class/ID to the body tag to locate any object on the page, because all objects on the page are in the body.
10. Verify
You should verify the webpage code as much as possible. Although some code errors can be automatically corrected by browsers, some errors may cause negative consequences, especially when you are in strict mode. Even if nothing happens, seeing the green W3C verification mark can at least make yourself comfortable.
W3C verification does not have to be rigid. There are more considerations in web design.
Verification results may affect some more important factors. For example, IE6 has many bugs in W3C standards.
Verify and announce that your website does not support IE6, at least in China, it will be worth the candle
11. Reasonable Structure order
Keep the webpage structure in a logical order.
12. Do your best
If you write from scratch, it will be much easier to maintain the above principles. If you want to modify the old code, it will be very painful, the poor coding of some CMS systems will put you in the mud, or you have to change too much things on a large scale. In any case, it is very important to keep a good habit.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
