pub struct Noscript;Expand description
The <noscript> element - defines fallback content for when scripts are disabled.
§Purpose
The <noscript> element provides fallback content for users who have disabled scripts
or use browsers that don’t support scripting. The content inside is only displayed when
scripting is unavailable. Useful for providing alternative content, instructions, or
degraded experiences.
§Content Categories
- Metadata Content (when used in
<head>) - Flow Content (when used in
<body>) - Phrasing Content (when used in
<body>)
§Permitted Content Model
- When in
<head>:<link>,<style>, and<meta>elements - When in
<body>: Transparent content (with restrictions)
§Common Use Cases
- Providing messages about enabling JavaScript
- Offering alternative navigation when scripts fail
- Displaying static content as fallback
- Showing contact information when forms require JavaScript
- Providing download links for content requiring scripts
§Key Attributes
- Global attributes only
§Example
<!-- Message in head for styles -->
<head>
<noscript>
<style>
.js-only { display: none; }
</style>
</noscript>
</head>
<!-- Alternative content in body -->
<noscript>
<div class="alert">
<p>This website requires JavaScript to function properly.</p>
<p>Please enable JavaScript in your browser settings.</p>
</div>
</noscript>
<!-- Fallback for dynamic content -->
<div id="app">
<noscript>
<p>Our interactive application requires JavaScript.</p>
<p>You can still <a href="/static-version">view the static version</a>.</p>
</noscript>
</div>
<!-- Alternative form submission -->
<form id="ajax-form" action="/submit" method="post">
<noscript>
<p>JavaScript is disabled. Please use the traditional form submission.</p>
<input type="submit" value="Submit Form">
</noscript>
</form>§Accessibility
- Ensure noscript content is meaningful and helpful
- Provide clear instructions for enabling JavaScript if required
- Consider whether your site should work without JavaScript
- Test the experience with scripting disabled
§WHATWG Specification
Trait Implementations§
Source§impl HtmlElement for Noscript
impl HtmlElement for Noscript
impl CanContain<Noscript> for Head
impl<T: FlowContent> CanContain<T> for Noscript
impl FlowContent for Noscript
impl MetadataContent for Noscript
impl PhrasingContent for Noscript
Auto Trait Implementations§
impl Freeze for Noscript
impl RefUnwindSafe for Noscript
impl Send for Noscript
impl Sync for Noscript
impl Unpin for Noscript
impl UnwindSafe for Noscript
Blanket Implementations§
Source§impl<T> BorrowMut<T> for Twhere
T: ?Sized,
impl<T> BorrowMut<T> for Twhere
T: ?Sized,
Source§fn borrow_mut(&mut self) -> &mut T
fn borrow_mut(&mut self) -> &mut T
Mutably borrows from an owned value. Read more