12 Principles to keep your code clean                    By http://www.psd2htmlwordpress.com
Advantages of Clean Coding• Less amount of bugs will be there due to clean  coding which will lead to better website desig...
Strict DOCTYPE• It is an instruction to the web browser about what version  of HTML the page is written in.• DOCTYPE Decla...
Character set & encoding            characters• Properly encodation of funny characters must be  done to avoid any mis...
Proper indentation• Proper indentation must be done as it is easier to  read and debug• Always indent one tab
Keep your CSS and JavaScript             external• Use external CSS and JavaScript• Future pages can link to them• Changin...
Nest tags properly• Nesting of tags must be done properly• Opened tags must be closed in the reverse order.  E.G. <i><b>Th...
Eliminate unnecessary divs• Minimize the use of div tag• Make debugging and editing easier.
Use better naming conventions• Use meaningful naming conventions
Validate• Run the code through the ol’ validator machine to  pick up small mistakes• Validated code is certain to outlive ...
Contact InfoPSD to HTML Wordpresswww.psd2htmlwordpress.com Y8,Block EP,Sec – vSalt Lake, Kol – 700091,IndiaPH : +913340200...
Thank You
Upcoming SlideShare
Loading in …5
×

Principles for writing better HTML code

846 views

Published on

This pdf is made by http://www.psd2htmlwordpress.com/ generating the ideas for
writing clean HTML code

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

Principles for writing better HTML code

  1. 1. 12 Principles to keep your code clean By http://www.psd2htmlwordpress.com
  2. 2. Advantages of Clean Coding• Less amount of bugs will be there due to clean coding which will lead to better website design• With less amount of HTML code it will be easier for the developer to judge what code is doing what.• Loading time of the website will be fast• Saves time and money
  3. 3. Strict DOCTYPE• It is an instruction to the web browser about what version of HTML the page is written in.• DOCTYPE Declaration
  4. 4. Character set &amp; encoding characters• Properly encodation of funny characters must be done to avoid any misinterpretation
  5. 5. Proper indentation• Proper indentation must be done as it is easier to read and debug• Always indent one tab
  6. 6. Keep your CSS and JavaScript external• Use external CSS and JavaScript• Future pages can link to them• Changing the design on multiple pages become easy
  7. 7. Nest tags properly• Nesting of tags must be done properly• Opened tags must be closed in the reverse order. E.G. <i><b>This is my sentence of text.</b></i>
  8. 8. Eliminate unnecessary divs• Minimize the use of div tag• Make debugging and editing easier.
  9. 9. Use better naming conventions• Use meaningful naming conventions
  10. 10. Validate• Run the code through the ol’ validator machine to pick up small mistakes• Validated code is certain to outlive non-validated code.
  11. 11. Contact InfoPSD to HTML Wordpresswww.psd2htmlwordpress.com Y8,Block EP,Sec – vSalt Lake, Kol – 700091,IndiaPH : +913340200838Email:info@psd2htmlwordpress.com
  12. 12. Thank You

×