Best Practices for Writing Clean and Valid HTML

Writing clean HTML makes your code easier to read, maintain, and debug. Here are some practical habits worth building early.

Best Practices

1. Use Proper Indentation

1<ul>
2  <li>Item 1</li>
3  <li>Item 2</li>
4</ul>

2. Close Your Tags

1<!-- Good -->
2<p>This is correct</p>
3
4<!-- Bad -->
5<p>This is missing a closing tag</p>

3. Use Lowercase Tag Names

1<!-- Recommended -->
2<div class="card"></div>

4. Prefer Semantic Tags

Use <article>, <section>, <nav>, etc. instead of only <div>.

5. Validate Your Code

You can check your HTML using the W3C Validator.

6. Avoid Common Beginner Mistakes

• Don’t use headings just to make text bigger
• Don’t use tables for layout
• Don’t skip the alt attribute on important images
• Don’t put block elements inside <p> or <span>

Quick Tips

• Keep your code neat even when you’re just practicing.
• Give classes and IDs clear, meaningful names.
• Comment only when necessary — clean code is often self-explanatory.
• Write HTML first for structure, then add CSS for styling.