Web Development

HTML5 Common Attributes

Frequently used HTML5 attributes

Global Attributes

id="unique-id" # unique identifier
class="class-name" # CSS class
style="color: red;" # inline CSS
title="Tooltip text" # tooltip
hidden # hide element

Data Attributes

data-id="123" # custom data attribute
data-user="John" # store custom data

Link Attributes

href="url" # link destination
target="_blank" # open in new tab
download # download link
rel="noopener" # link relationship

Image Attributes

src="image.jpg" # image source
alt="Description" # alternative text
width="300" # image width
height="200" # image height
loading="lazy" # lazy loading