HTML Attributes

What are HTML Attributes?

HTML attributes provide additional information about HTML elements. They are always specified in the start tag and usually come in name/value pairs like: name="value".

Structure of an HTML Attribute

An HTML attribute typically consists of:

• The attribute name
• An equals sign (=)
• The attribute value, usually enclosed in quotes

Example of an HTML Attribute

In this example:

• href is the attribute name
• https://www.example.com is the attribute value

Common HTML Attributes

Some of the most commonly used HTML attributes include:

• href: Specifies the URL of the page the link goes to
• src: Specifies the path to the image to be displayed
• alt: Specifies an alternate text for an image
• style: Specifies an inline CSS style for an element
• class: Specifies one or more class names for an element
• id: Specifies a unique id for an element

Boolean Attributes

Some attributes are boolean attributes, which means they can have only two values: true or false. The presence of the attribute implies true, while its absence implies false.

In this example, disabled is a boolean attribute. Its presence means the input is disabled.

Best Practices for Using Attributes

When using HTML attributes, keep these best practices in mind:

• Always use lowercase attribute names for better compatibility and readability.
• Always enclose attribute values in quotes, preferably double quotes.
• Don't use deprecated attributes. Use CSS for styling instead.
• Use semantic attributes when possible (e.g., role for accessibility).
Top