Close All HTML Elements

In HTML, it’s not mandatory to close all elements (e.g., the <p> element).

Nevertheless, we highly recommend closing all HTML elements, following this syntax:

Good:

Bad:

Use Lowercase Attribute Names

While HTML permits mixing uppercase and lowercase letters in attribute names, it’s advisable to opt for lowercase names. Here’s why:

1. Mixing uppercase and lowercase names can appear inconsistent.
2. Developers typically prefer using lowercase names for consistency.
3. Lowercase names offer a cleaner aesthetic.
4. Writing in lowercase is generally easier and more intuitive.Good:

Bad:

Always Quote Attribute Values

Although HTML permits attribute values without quotes, it’s advisable to use quoted attribute values. Here’s why:

• Developers typically enclose attribute values in quotes for consistency.
• Quoted values enhance readability.
• Quotes are necessary when the value contains spaces.

Good:

Bad:

Very bad:

This approach won’t function as expected due to the presence of spaces in the value.

Always Specify alt, width, and height for Images

It’s crucial to always include the alt attribute for images. This attribute serves as vital descriptive text if the image fails to display for any reason.

Additionally, it’s advisable to define the width and height of images. Doing so minimizes flickering by allowing the browser to allocate space for the image before loading it.

Good:

Bad: