1 / 12

Principles for writing better HTML code

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

jasonaldein
Download Presentation

Principles for writing better HTML code

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 12 Principles to keep your code clean By http://www.psd2htmlwordpress.com

  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. Strict DOCTYPE • It is an instruction to the web browser about what version of HTML the page is written in. • DOCTYPE Declaration

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

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

  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. 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. Eliminate unnecessary divs • Minimize the use of div tag • Make debugging and editing easier.

  9. Use better naming conventions • Use meaningful naming conventions

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

  12. Thank You

More Related