Page 1

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 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


Strict DOCTYPE • It is an instruction to the web browser about what version of HTML the page is written in.

• DOCTYPE Declaration


Character set & encoding characters • Properly encodation of funny characters must be done to avoid any misinterpretation


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 • Changing the design on multiple pages become easy


Nest tags properly â&#x20AC;˘ Nesting of tags must be done properly â&#x20AC;˘ Opened tags must be closed in the reverse order. E.G. <i><b>This is my sentence of text.</b></i>


Eliminate unnecessary divs â&#x20AC;˘ Minimize the use of div tag â&#x20AC;˘ Make debugging and editing easier.


Use better naming conventions â&#x20AC;˘ Use meaningful naming conventions


Validate â&#x20AC;˘ Run the code through the olâ&#x20AC;&#x2122; validator machine to pick up small mistakes â&#x20AC;˘ Validated code is certain to outlive non-validated code.


Contact Info

PSD to HTML Wordpress www.psd2htmlwordpress.com Y8,Block EP,Sec – v Salt Lake, Kol – 700091,India PH : +913340200838 Email:info@psd2htmlwordpress.com


Thank You

Principles for writing better HTML code  

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

Advertisement