Principles For Clean HTML Code(Markup)
Beautiful HTML is the foundation of a beautiful website. The advantages of clean, semantic HTML are many. There are so many websites suffer from poorly written markup. There are some principles to consider during and after you write your HTML, CSS to help keep it tight and optimized. Clean and optimized code is important not just for file size, but for maintenance and readability as well.
Here I bring few points to begin the discussion.
- Strict DOCTYPE
- Character set & encoding characters
- Proper indentation – HTML TIDY (tool)
- Keep your CSS and JavaScript external
- Nest your tags properly
- Eliminate unnecessary divs
- Use better naming conventions
- Leave typography to the CSS
- Class/id the
- Validate
- Logical ordering
Clean And Optimized CSS
- Use Shorthand
- Use whitespace wisely that is important for readability
- Prune frameworks and resets: this help to neutralize a browser’s default style
- Future-proof your CSS by separating layout styles from the rest of the styles
- Document your work. This includes documentation on markup guides and style sheet guides and CSS comments
- Make use of compression. This is all about CSS magnification