- HTML Tutorial
- HTML - Home
- HTML - History and Evolution
- HTML - Overview
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Headings
- HTML - Paragraphs
- HTML - Quotations
- HTML - Comments
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Style Sheet
- HTML - CSS Classes
- HTML - CSS IDs
- HTML - Images
- HTML - Image Map
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Iframes
- HTML - Blocks
- HTML Backgrounds
- HTML - Backgrounds
- HTML Colors
- HTML - Colors
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Code Builder
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <noscript> Tag
Users who have deactivated scripts in their browsers or who are using a browser that doesn't support scripts will see an alternative content defined by the <noscript> tag. If the user's browser does not allow scripts, the text inside the <noscript> element will be displayed.
The <noscript> tag in HTML5 can be inserted into the <head> and <body> elements. It can only be applied to the <body> element in HTML4. If the <noscript> tag is placed in the <head> tag it must contain the <link>, <style>, and <meta> tags.
Syntax
Following is the syntax of <noscript> tag −
<noscript> Contents... </noscript>
Example
Let’s look at a basic example of the usage of the <noscript> tag.
<!DOCTYPE html> <html> <head> <title>HTML noscript Tag</title> </head> <body> <script type="text/JavaScript"> document.write("Hello JavaScript!") </script> <noscript> Your browser does not support JavaScript! </noscript> </body> </html>
On running the above code, it will generate an output consisting of the <script> tag text displayed on the webpage. As our browser supports scripting, it displayed the <script> tag text instead of the <noscript> tag text.
Example
Considering the following example, we are going to use the <style> element within the <noscript> tag.
<!DOCTYPE html> <html> <head> <style> h2 { color: #DE3163; } p { color: #7D3C98; font-style: verdana; } </style> </head> <body> <embed src="https://www.tutorialspoint.com/cg/images/logo.png" height="30" width="200"></embed> <h2>Welcome To The TutorialsPoint</h2> <p>The Best E-Way Learning</p> </body> </html>
When we run the above code, it will generate an output consisting of the text applied with CSS that is displayed on the webpage. When the user tries to disable the script, the text will change its CSS color.
To Continue Learning Please Login
Login with Google