Table of contents

HTML <small> Tag: Definition, Syntax, and Examples

What is HTML <small> Tag?

The HTML small tag is used to display text in a smaller font size compared to the surrounding text. It is often used for fine print, disclaimers, copyright notes, or additional information that should appear less prominent.

This tag helps improve readability by reducing the visual weight of secondary text. It is an inline element and should be placed around the text that needs to appear smaller. The small tag makes content more structured, especially when showing legal notes, citations, or side information.

Syntax of the HTML <small> Tag

plaintext
<small>Small sized text</small>

This simple syntax wraps the text you want to show in a smaller font.

Examples of HTML <small> Tag

Example 1: Basic HTML Small Tag

plaintext
<!DOCTYPE html>
<html lang="en">
<body>

  <p>This is normal text. <small>This is small Text. </small></p>
  
</body>
</html>

In this example, only the text inside the small tag will appear smaller than the rest of the paragraph.

Example 2: SEO Optimized Small Tag (Scholar247 Example)

plaintext
<!DOCTYPE html>
<html lang="en">
<body>

  <h1>Online Courses by Scholar247</h1>
  <p>Get the best educational resources for students worldwide.</p>
  <small>© 2025 Scholar247. All Rights Reserved. </Small>
 
</body>
</html>

This example shows how the small tag can be used for copyright text. It keeps the copyright notice subtle and less distracting, which is a good SEO and UI practice.

Attributes of the HTML <small> Tag

The small tag does not support any specific attributes.
It only contains text that needs to be displayed in a smaller font size.

Best Practices for HTML <small> Tag

• Use the small tag for less important text, disclaimers, or fine print.
• Avoid overusing it, as too much small text can harm readability.
• Use it to highlight secondary information without affecting the main content.
• Ensure the small text is still readable on all devices, especially mobile screens.
• Combine it with semantic structure to maintain accessibility and SEO.

FAQs About the HTML <small> Tag

Q1: What is the purpose of the small tag?

The small tag is used to display text in a smaller font size to show that the text is secondary or less important than the surrounding content.

Q2: Does the small tag affect SEO?

Yes, when used correctly. It helps structure content and improves user experience, but it should not be used to hide important keywords or content for SEO purposes.

Q3: Can I style the small tag with CSS?

Yes, you can style the small tag using CSS properties such as font-size, color, or font-style if you want to customize its appearance beyond the default smaller text.

Q4: Is the small tag still supported in HTML5?

Yes, the small tag is valid and supported in HTML5. It is considered a semantic tag for fine print or secondary text.

Q5: What type of content is best suited for the small tag?

It is best suited for disclaimers, copyright notes, citations, side comments, and less important text that should not distract readers from the main content.

HTML

Related Articles