Principles for writing better HTML code

1
Click anywhere to start the presentation
2
12 Principles to keep your code clean
By http//www.psd2htmlwordpress.com
3
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

4
Strict DOCTYPE

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

5
Character set amp encoding characters

• Properly encodation of funny characters must be
  done to avoid any misinterpretation

6
Proper indentation

• Proper indentation must be done as it is easier
  to read and debug
• Always indent one tab

7
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

8
Nest tags properly

• Nesting of tags must be done properly
• Opened tags must be closed in the reverse order.
  E.G. ltigtltbgtThis is my sentence of text.lt/bgtlt/igt

9
Eliminate unnecessary divs

• Minimize the use of div tag
• Make debugging and editing easier.

10
Use better naming conventions

• Use meaningful naming conventions

11
Validate

• Run the code through the ol validator machine to
  pick up small mistakes
• Validated code is certain to outlive
  non-validated code.

12
Contact Info

• PSD to HTML Wordpress
• www.psd2htmlwordpress.com
• Y8,Block EP,Sec v
• Salt Lake, Kol 700091,India
• PH 913340200838
• Emailinfo_at_psd2htmlwordpress.com

13

• Thank You

14
(No Transcript)