How to open link in a new tab in HTML?

by

Set the target attribute of the link to _blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

For other examples, see here: http://www.w3schools.com/tags/att_a_target.asp

Note

I previously suggested blank instead of _blank because, if used, it’ll open a new tab and then use the same tab if the link is clicked again. However, this is only because, as GolezTrol pointed out, it refers to the name a of a frame/window, which would be set and used when the link is pressed again to open it in the same tab.

Security Consideration!

The rel="noopener noreferrer" is to prevent the newly opened tab from being able to modify the original tab maliciously. For more information about this vulnerability read the following articles:

More Related Contents:

  1. How to create an HTML button that acts like a link
  2. Is an anchor tag without the href attribute safe?
  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. Open link in new tab or window [duplicate]
  9. How to force link from iframe to be opened in the parent window
  10. href syntax : is it okay to have space in file name
  11. Why would a developer place a forward slash at the start of each relative path?
  12. How do I run PHP code when a user clicks on a link?
  13. href overrides ng-click in Angular.js
  14. Cross-reference (named anchor) in markdown
  15. html – links without http protocol
  16. How do I make the whole area of a list item in my navigation bar, clickable as a link?
  17. Add target=”_blank” in CSS
  18. HTML Favicon.ico won’t show on Google Chrome
  19. Add hyperlink to textblock WPF
  20. Link to a section of a webpage
  21. Valid to use (anchor tag) without href attribute? [duplicate]
  22. How do I remove the default link color of the html hyperlink ‘a’ tag?
  23. The right way of setting when it’s a local file
  24. How to make HTML open a hyperlink in another window or tab?
  25. Create links in HTML canvas
  26. Is it safe to use anchor to submit form?
  27. hash in anchor tags
  28. How to open native iOS app (calendar, notes…) from a link on website?
  29. How to make a html page to show content from another url
  30. Using HTML anchor link fragment in Angular 6

Leave a Comment