Interview answer drill

Use this HTML interview question to rehearse a quick answer, common mistake, follow-up, and production pitfall.

Practice interview questions Follow 7-day crash study plan Practice more HTML interview questions

What is the use of the <a> tag?Frontend interview answer

HighEasyHtml

By FrontendAtlas Team · Updated Apr 4, 2026

Interview focus

This HTML interview question tests whether you can explain HTML <a> tag: navigation semantics, accessibility, and common pitfalls, connect it to production trade-offs, and handle common follow-up questions.

HTML <a> tag: navigation semantics, accessibility, and common pitfalls explanation without falling back to memorized docs wording
Links and Anchor reasoning, edge cases, and production failure modes
How you would answer the most likely HTML interview follow-up

Practice more HTML interview questions

Interview quick answer

The <a> (anchor) tag is the browser's real navigation primitive: it gives links semantics, accessibility, and SEO behavior, and it avoids common button-vs-link pitfalls in production UIs.

Full interview answer

Direct answer

Use <a> when the user is navigating to another URL, document, or fragment target. In production, the common mistake is treating anchors and buttons as interchangeable: <a> preserves link semantics, open-in-new-tab behavior, browser history, and SEO, while <button> is for in-page actions.

HTML

<a href="/pricing">See pricing</a>

Use case	Example
Internal page	`<a href="/about">About</a>`
External site	`<a href="https://developer.mozilla.org">MDN</a>`
Same-page section	`<a href="#faq">Jump to FAQ</a>`
Email link	`<a href="mailto:team@example.com">Email us</a>`
Phone link	`<a href="tel:+15551234567">Call support</a>`
Download	`<a href="/docs/guide.pdf" download>Download guide</a>`

One tag, many navigation patterns.

Security and accessibility essentials

HTML

<a href="https://example.com" target="_blank" rel="noopener noreferrer">
  Open docs in new tab
</a>

Use descriptive text like Read pricing details, not Click here.
When using target="_blank", add rel="noopener noreferrer".
Use <a> for navigation and <button> for in-page actions.

Practical scenario
In a dashboard sidebar, each menu item should be an anchor to support navigation semantics, open-in-new-tab behavior, and browser history correctly.

Common pitfalls

Using fake links (href="#") for button-like actions.
Missing rel with target="_blank".
Non-descriptive labels that hurt screen reader users.

Still so complicated?

<a> is a route sign. href is the destination address. No address means no navigation.

Summary

<a> is for navigation.
href defines destination.
Good link text and secure new-tab usage make links professional and accessible.