HTML <noscript> Tag

If this site has been useful, we’d love your support! Consider buying us a coffee to keep things going strong!

Description

The <noscript> element in HTML is used to define content that should be displayed only when scripting is disabled in the user’s browser or when the browser does not support scripting at all. Essentially, it provides a fallback mechanism for web pages that rely on JavaScript, ensuring that users who cannot or choose not to execute scripts can still access important content or instructions.

This tag is particularly useful for enhancing accessibility and usability. For example, it can display a message informing users that certain functionality on the page requires JavaScript, or it can provide alternative navigation links or content that can be used without scripts. Without <noscript>, users with disabled scripts might see blank areas or broken functionality on pages that rely heavily on JavaScript.

The <noscript> element can appear within the <body> or <head> of an HTML document, although its behavior slightly differs depending on the location:

Inside <body>: The content is rendered in place of the scripts that are not executed. This is the most common usage.
Inside <head>: The content can include elements like <link> or <style> to provide alternative styling or resources when scripts are unavailable.

The content inside <noscript> can include any valid HTML elements except <script> itself. Browsers ignore this content when scripting is enabled, so it has no effect on users who can run scripts normally.

In modern web development, <noscript> is often used for critical messages about enabling JavaScript, displaying alternative forms, or even serving a simpler version of the website to maintain usability and accessibility.

Properties

Permitted Parents: Any element that accepts phrasing content, if there are no ancestor <noscript> element, or in a <head> element (but only for an HTML document), here again if there are no ancestor <noscript> element
Content: Block, inline, and text when it isn't a descendant of the <head> element; Otherwise <link>, <style>, and <meta> elements.
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<script type="text/javascript">

  document.write("Hello World!")

</script>

<noscript>Your browser does not support JavaScript!</noscript>

Result

Editor

Attributes

None

Global Attributes

The <object> tag also supports the Global Attributes in HTML5

Event Attributes

The <object> tag also supports the Event Attributes in HTML5

Browser Support

The following information will show you the current browser support for the HTML <noscript> tag. Hover over a browser icon to see the version that first introduced support for this HTML tag.