Html best practices part 1 - 3 - part series



Jay Anthony

22 November 2012 8 min read

Html best practices part 1 - 3 - part series

Important things to remember for UI developers & Software developers while writing HTML. 

1. Always Close Your Tags: Many chose to leave off the closing <li> tags as well. By today’s standards, this is simply bad practice and should be 100% avoided. Always, always close your tags. Otherwise, you’ll encounter validation and glitch issues at every turn. 

2. Declare the Correct DocType: The DOCTYPE goes before the opening html tag at the top of the page and tells the browser whether the page contains HTML, XHTML, or a mix of both, so that it can correctly interpret the markup. 

3. Never Use Inline Styles (Except Newsletters) : It looks harmless enough. However, this points to an error in your coding practices. 

4. Place all External CSS Files Within the Head Tag: While researching performance at Yahoo!, It was discovered that moving style sheets to the document HEAD makes pages appear to be loading faster. This is because putting style sheets in the HEAD allows the page to render progressively. 

5. Consider Placing JavaScript Files at the Bottom: The primary goal is to make the page load as quickly as possible for the user. When loading a script, the browser can’t continue on until the entire file has been loaded. Thus, the user will have to wait longer before noticing any progress. 

6. Never Use Inline JavaScript: It looks harmless enough. The value would then be equal to some JS procedure. Needless to say, you should never, ever do this. 

7. Validate Continuously 

8. Download Firebug: Firebug is, without doubt, the best plug-in you’ll ever use when creating websites. Not only does it provide incredible JavaScript debugging, but you’ll also learn how to pinpoint which elements are inheriting that extra padding that you were unaware of. 

9. Use Firebug! Many users only take advantage of about 20% of Firebug’s capabilities. You’re truly doing yourself a disservice. Take a couple hours and scour the web for every worthy tutorial you can find on the subject. 

10. Keep Your Tag Names Lowercase 

11. Use H1 – H6 Tags : It’s best practice to use all six of these tags. For semantic and SEO reasons, force yourself to replace that P tag with an H6 when appropriate. 

12. If Building a Blog, Save the H1 for the Article Title 

Source :

Share :


Concluding message

A well-designed website for users with disabilities is a site that is more accessible to use for all types of users.

A well-designed digital business can easily explain the process of online buying and selling for users with disabilities and can add more value to the business.

Therefore, add some mint into the users’ cup of tea and provide an accessible zest to your digital assets by making it more compliant.

Feel free to get in touch with TECHVED Consulting!

Author Image


Jay Anthony

Marketing Head | TECHVED Consulting India Pvt. Ltd.

He led efforts to develop a fully integrated marketing communications plan and growing team. He is responsible for successful corporate re-brand and update of all branded assets.

Linked linkedin-logo

Know Your
Users Today

Share business email ID for quick assistance


Thank you for dropping in your details!

Our experts will contact you soon

From Ideation To Digital Transformation

We take care of all your needs

Contact Us