Page 1

12 Principles to keep your code clean


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 Y8,Block EP,Sec – v Salt Lake, Kol – 700091,India PH : +913340200838

Thank You

Principles for writing better HTML code  

This pdf is made by generating the ideas for writing clean HTML code.