Beautiful code is the foundation of beautiful websites. 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 doctypeDo it right. Both HTML 4.01 and XHTML 1.0 provide strict mode, which ensures that our code does not hide any errors.
References:
The character set declaration should be placed at the beginning of the
References:
Indentation does not affect page rendering, But it significantly improves the experience when reading source code. There are no specific rules for indentation, but it is a good habit to always maintain consistency.
References:
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 tagsFor example, in the first line of code, the
6. eliminate unnecessary <div><Div> it is often abused (especially in our current Div + CSS myth-translators). People want to put everything in <div> to assign them CSS styles, this abuse will lead to bloated.
References:
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 possibleAs 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.
References:
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 the web design. The W3C verification results may affect more important factors, such as IE6.
There are many bugs in W3C standards. If you declare that your website does not support IE6 for 100% passed W3C verification, at least the loss will be worth the candle in China
References:
Keep the webpage structure in a logical order.
12. Do your bestIf 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.
Read more:
International Source: http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/
Source: comsharp CMS
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
