🔥 $100K Hit! Where Will Bitcoin Go Next? Find Out Live!

Code has been added to clipboard!

HTML noscript Tag

Reading time 2 min
Published Jun 29, 2017
Updated Oct 2, 2019

HTML noscript: Main Tips

  • HTML noscript tags surround replacement HTML content.
  • The user sees it if their browser has no scripting support or it is turned off. Otherwise, it will not be displayed.
  • HTML noscript tag can be used together with <script>.
  • There are no tag-specific attributes.

What Is noscript

What does the noscript tag do? It indicates that the specified content will only be shown to the user if their browser does not support scripting (temporarily or at all):

Example
<noscript>JavaScript is not supported by your browser.</noscript>

If you are using HTML5 or a newer version, you can place HTML noscript element in either <head> or <body>. Older HTML versions only offer the latter option.

Note: if you're using HTML noscript tags within the <head> element, it can contain <link>, <style>, and <meta> elements.

DataCamp
Pros
  • Easy to use with a learn-by-doing approach
  • Offers quality content
  • Gamified in-browser coding experience
  • The price matches the quality
  • Suitable for learners ranging from beginner to advanced
Main Features
  • Free certificates of completion
  • Focused on data science skills
  • Flexible learning timetable
Udacity
Pros
  • Simplistic design (no unnecessary information)
  • High-quality courses (even the free ones)
  • Variety of features
Main Features
  • Nanodegree programs
  • Suitable for enterprises
  • Paid Certificates of completion
edX
Pros
  • A wide range of learning programs
  • University-level courses
  • Easy to navigate
  • Verified certificates
  • Free learning track available
Main Features
  • University-level courses
  • Suitable for enterprises
  • Verified certificates of completion

Mostly Used noscript Tag Attributes

As you learn how to use noscript, you must remember it has no tag-specific attributes. However, it supports all the global ones. The four of them that get used the most often are accesskey, id, title and translate.

id sets a unique ID for an HTML element:

Example
<noscript id="txt5">5</noscript>

title defines extra information about an element:

Example
<noscript title="Learn Online">https://www.bitdegree.org</noscript>

accesskey defines a shortcut key to activate or focus an element:

Example
<noscript accesskey="L">
  <a href="https://www.bitdegree.org">Learn Online</a>
</noscript>

translate defines whether the content needs to be translated:

Example
<noscript translate="no">Please upgrade your browser to a newer version.</noscript>

Browser Support

Browser image
Chrome
All
Browser image
Edge
All
Browser image
Firefox
1+
Browser image
IE
All
Browser image
Opera
All
Browser image
Safari
All

Mobile Browser Support

Browser image
Chrome
All
Browser image
Firefox
4+
Browser image
Opera
All
Browser image
Safari
All