yari-demos.prod.mdn.mozit.cloud Open in urlscan Pro
2600:9000:21f3:1e00:2:eb5:8c00:93a1  Public Scan

Form analysis
2 forms found in the DOM

/en-US/search

<form action="/en-US/search" role="search" aria-haspopup="listbox" aria-owns="top-nav-search-menu" aria-expanded="false" class="search-form search-widget" id="top-nav-search-form"><label id="top-nav-search-label" for="top-nav-search-input"
    class="visually-hidden">Search MDN</label><input id="top-nav-search-input" aria-autocomplete="list" aria-controls="top-nav-search-menu" aria-labelledby="top-nav-search-label" autocomplete="off" type="search" class="search-input-field" name="q"
    placeholder="   " required="" value=""><button type="button" class="button action has-icon clear-search-button"><span class="button-wrap"><span class="icon icon-cancel "></span><span class="visually-hidden">Clear search
        input</span></span></button><button type="submit" class="button action has-icon search-button"><span class="button-wrap"><span class="icon icon-search "></span><span class="visually-hidden">Search</span></span></button>
  <div id="top-nav-search-menu" role="listbox" aria-labelledby="top-nav-search-label"></div>
</form>

/en-US/search

<form action="/en-US/search" role="search" aria-haspopup="listbox" aria-owns="hp-search-menu" aria-expanded="false" class="search-form search-widget" id="hp-search-form"><label id="hp-search-label" for="hp-search-input" class="visually-hidden">Search
    MDN</label><input id="hp-search-input" aria-autocomplete="list" aria-controls="hp-search-menu" aria-labelledby="hp-search-label" autocomplete="off" type="search" class="search-input-field" name="q" placeholder="   " required="" value=""><button
    type="button" class="button action has-icon clear-search-button"><span class="button-wrap"><span class="icon icon-cancel "></span><span class="visually-hidden">Clear search input</span></span></button><button type="submit"
    class="button action has-icon search-button"><span class="button-wrap"><span class="icon icon-search "></span><span class="visually-hidden">Search</span></span></button>
  <div id="hp-search-menu" role="listbox" aria-labelledby="hp-search-label"></div>
</form>

Text Content

 * Skip to main content
 * Skip to search

MDN Plus now available in your country! Support MDN and make it your own. Learn
more ✨


MDN Web DocsOpen main menu
 * ReferencesReferences
   * Overview / Web Technology
     
     Web technology reference for developers
   
   * HTML
     
     Structure of content on the web
   
   * CSS
     
     Code used to describe document style
   
   * JavaScript
     
     General-purpose scripting language
   
   * HTTP
     
     Protocol for transmitting web resources
   
   * Web APIs
     
     Interfaces for building web applications
   
   * Web Extensions
     
     Developing extensions for web browsers
   
   * Web Technology
     
     Web technology reference for developers
 * GuidesGuides
   * Overview / MDN Learning Area
     
     Learn web development
   
   * MDN Learning Area
     
     Learn web development
   
   * HTML
     
     Learn to structure web content with HTML
   
   * CSS
     
     Learn to style content using CSS
   
   * JavaScript
     
     Learn to run scripts in the browser
   
   * Accessibility
     
     Learn to make the web accessible to all
 * MDN PlusMDN Plus
   * Overview
     
     A customized MDN experience
   
   * Documentation
     
     Learn how to use MDN Plus
   
   * FAQ
     
     Frequently asked questions about MDN Plus

Search MDNClear search inputSearch

Theme
 * Already a subscriber?
 * Get MDN Plus


RESOURCES FOR DEVELOPERS,
BY DEVELOPERS

Documenting web technologies, including CSS, HTML, and JavaScript, since 2005.

Search MDNClear search inputSearch

Mandala   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../
   ../../    ../../    ../../    ../../    ../../
   ../../<></><></><></><></><></><></><></><></><></><></><></><></><></><></><></><></>


FEATURED ARTICLES

CSS


INTRODUCING THE CSS CASCADE

The cascade is an algorithm that defines how user agents combine property values
originating from different sources. The cascade defines the origin and layer
that takes precedence when declarations in more than one origin or cascade layer
set a value for a property on an element.

HTML


<DIALOG>: THE DIALOG ELEMENT

The <dialog> HTML element represents a dialog box or other interactive
component, such as a dismissible alert, inspector, or subwindow.

JavaScript — Dynamic client-side scripting


ASYNCHRONOUS JAVASCRIPT

In this module, we take a look at asynchronous JavaScript, why it is important,
and how it can be used to effectively handle potential blocking operations, such
as fetching resources from a server.

Web APIs


CANVAS TUTORIAL

This tutorial describes how to use the <canvas> element to draw 2D graphics,
starting with the basics. The examples provided should give you some clear ideas
about what you can do with canvas, and will provide code snippets that may get
you started in building your own content.


LATEST NEWS

 * Revamp of MDN Web Docs Contribution Docs Newhacks.mozilla.org
   
   a day ago

 * The 100% Markdown Expeditionhacks.mozilla.org
   
   2 months ago

 * Merging two GitHub repositories without losing commit
   historyhacks.mozilla.org
   
   2 months ago


RECENT CONTRIBUTIONS

 * fix: responsive design typosmdn/content
   
   5 hours ago

 * `color-scheme`: Added explains for the `only` keywordmdn/content
   
   5 hours ago

 * fix: typo in WebAssembly Javascript APImdn/content
   
   6 hours ago

 * Update wrap to be more clear on what it doesmdn/content
   
   6 hours ago

 * Update @font-face pagemdn/content
   
   6 hours ago

 * Remove deprecated mediawiki.external macro from esmdn/translated-content
   
   7 hours ago

 * security: remove references to https://serviceworke.rs/mdn/translated-content
   
   8 hours ago

 * Remove deprecated HTMLVersionInline macro from esmdn/translated-content
   
   8 hours ago

 * Markdown bolded rendering fails mdn/translated-content
   
   14 hours ago

 * Transitiveの訳の修正mdn/translated-content
   
   15 hours ago


CONTRIBUTOR SPOTLIGHT

YiTao Yin

> There are millions of web developers in China, and many of them begin their
> developer journey at MDN Web Docs. Contributing to MDN Web Docs is an
> excellent way to help people who are starting out.

Get involved →
Mandala   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../
   ../../    ../../    ../../    ../../    ../../
   ../../<></><></><></><></><></><></><></><></><></><></><></><></><></><></><></><></>
MDN logo

Your blueprint for a better internet.

 * MDN on Twitter
 * MDN on GitHub


MDN

 * About
 * Hacks Blog
 * Careers


SUPPORT

 * Product help
 * Report a page issue
 * Report a site issue


OUR COMMUNITIES

 * MDN Community
 * MDN Forum
 * MDN Chat


DEVELOPERS

 * Web Technologies
 * Learn Web Development
 * MDN Plus

Mozilla logo
 * Website Privacy Notice
 * Cookies
 * Legal
 * Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2022 by individual mozilla.org contributors.
Content available under a Creative Commons license.