Is an anchor tag without the href attribute safe?

by

In HTML5, using an a element without an href attribute is valid. It is considered to be a “placeholder hyperlink.”

Example:

<a>previous</a>

Look for “placeholder hyperlink” on the w3c anchor tag reference page: https://www.w3.org/TR/2016/REC-html51-20161101/textlevel-semantics.html#the-a-element.

And it is also mentioned on the wiki here:
https://www.w3.org/wiki/Elements/a

A placeholder link is for cases where you want to use an anchor element, but not have it navigate anywhere. This comes in handy for marking up the current page in a navigation menu or breadcrumb trail. (The old approach would have been to either use a span tag or an anchor tag with a class named “active” or “current” to style it and JavaScript to cancel navigation.)

A placeholder link is also useful in cases where you want to dynamically set the destination of the link via JavaScript at runtime. You simply set the value of the href attribute, and the anchor tag becomes clickable.

See also:

More Related Contents:

  1. How to create an HTML button that acts like a link
  2. How to open link in a new tab in HTML?
  3. How do I create an HTML button that acts like a link?
  4. Is there a way to bookmark or link to a section of a page without an anchor?
  5. Element not located at bottom of viewport
  6. Should I make HTML Anchors with ‘name’ or ‘id’?
  7. Google Apps Script to open a URL
  8. How do I link to part of a page? (hash?)
  9. Is there a W3C valid way to disable autocomplete in a HTML form?
  10. Linking a UNC / Network drive on an html page
  11. How to pre-populate the sms body text via an html link
  12. Why would a developer place a forward slash at the start of each relative path?
  13. Can I create links with ‘target=”_blank”‘ in Markdown?
  14. How do I run PHP code when a user clicks on a link?
  15. Cross-reference (named anchor) in markdown
  16. html – links without http protocol
  17. Using HTML anchor link #id in Angular 6
  18. How do I make the whole area of a list item in my navigation bar, clickable as a link?
  19. Add target=”_blank” in CSS
  20. HTML Favicon.ico won’t show on Google Chrome
  21. What is the standard naming convention for html/css ids and classes? [closed]
  22. Link to a section of a webpage
  23. how to make a cell of table hyperlink
  24. How do I remove the default link color of the html hyperlink ‘a’ tag?
  25. Link to reload current page
  26. How to make HTML open a hyperlink in another window or tab?
  27. Giving the script tag an ID
  28. Is it possible to hide the title from a link with CSS?
  29. How to make a html page to show content from another url
  30. Block Level Elements inside Inline elements [duplicate]

Leave a Comment