mdn · teoli2003 · May 8, 2022 · May 8, 2022 · May 8, 2022
@@ -520,7 +520,7 @@ After logging in, you'll be taken to the [home](https://cloud.mongodb.com/v2) sc
 
 1. Click the **Build a Database** button in the _Database Deployments_ section.
     ![Create a database on MongoDB Atlas.](mongodb_atlas_-_createdatabase.jpg)
-    
+
 2. This will open the _Deploy a cloud database_ screen. Click on the **Create** button under the _Shared_ deployment option.
     ![Choose a deployment option when using MongoDB Atlas.](mongodb_atlas_-_deploy.jpg)
 

@@ -60,7 +60,7 @@ document.body.appendChild(header);
 
 Now [install the extension](https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox/), and visit [https://developer.mozilla.org/](/). The page should look like this:
 
-![developer.mozilla.org page "eaten" by the script](eaten_page.png )
+![developer.mozilla.org page "eaten" by the script](eaten_page.png)
 
 ## Modifying pages programmatically
 

@@ -42,7 +42,7 @@ This article provides information about the changes in Firefox 101 that will aff
 - [`HTMLMediaElement.preservesPitch`](/en-US/docs/Web/API/HTMLMediaElement/preservesPitch) is now supported without the `moz` prefix.
   `mozPreservesPitch` is now an alias of `preservesPitch`, but is deprecated, and may be removed in future releases.
   ({{bug(1652950)}}).
-  
+
 - [`HTMLInputElement.showPicker()`](/en-US/docs/Web/API/HTMLInputElement/showPicker) is now supported, allowing the picker for an input element to be displayed when a user interacts with some other element, such as a button ({{bug(1745005)}}).
 
 

@@ -69,7 +69,7 @@ There are some types of user interface components that, when represented in a pl
 
 - [`aria-valuetext`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext)
   - : Assistive technologies often present the value of `aria-valuenow` as a number. If `aria-valuenow` cannot be accurate, use `aria-valuetext` to provide the spinbutton with a more understandable value.
-  
+
 - [`aria-valuemin`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuemin)
   - : Set to a decimal value representing the minimum value and less than `aria-valuemax`. If not present, there is no default value.
 
@@ -163,7 +163,7 @@ It is recommended to use the native {{HTMLElement("input")}} element of type `nu
 - Working examples:
   - [Date picker spin button example](https://www.w3.org/TR/wai-aria-practices/examples/spinbutton/datepicker-spinbuttons.html)
   - [Toolbar example: font-size picker](https://www.w3.org/TR/wai-aria-practices/examples/toolbar/toolbar.html)
-  
+
 <section id="Quick_links">
 
 1. [**WAI-ARIA roles**](/en-US/docs/Web/Accessibility/ARIA/Roles)

@@ -32,7 +32,7 @@ Find out more about how to use this API in [Using channel messaging](/en-US/docs
   - : Creates a new message channel to send messages across.
 - {{domxref("MessagePort")}}
   - : Controls the ports on the message channel, allowing sending of messages from one port and listening out for them arriving at the other.
-  
+
 ## Examples
 
 - We have published a [channel messaging basic demo](https://github.com/mdn/dom-examples/tree/master/channel-messaging-basic) on GitHub ([run it live too](https://mdn.github.io/dom-examples/channel-messaging-basic/)), which shows a really simple single message transfer between a page and an embedded {{htmlelement("iframe")}}.

@@ -37,9 +37,9 @@ getRandomValues(typedArray)
 ### Parameters
 
 - `typedArray`
-  - : An integer-based {{jsxref("TypedArray")}}, that is one of: {{jsxref("Int8Array")}}, {{jsxref("Uint8Array")}}, 
+  - : An integer-based {{jsxref("TypedArray")}}, that is one of: {{jsxref("Int8Array")}}, {{jsxref("Uint8Array")}},
     {{jsxref("Uint8ClampedArray")}}, {{jsxref("Int16Array")}}, {{jsxref("Uint16Array")}},
-    {{jsxref("Int32Array")}}, {{jsxref("Uint32Array")}}, {{jsxref("BigInt64Array")}}, 
+    {{jsxref("Int32Array")}}, {{jsxref("Uint32Array")}}, {{jsxref("BigInt64Array")}},
     {{jsxref("BigUint64Array")}} (but **not** `Float32Array` nor `Float64Array`).
     All elements in the array are overwritten with random numbers.
 
@@ -50,7 +50,7 @@ Note that `typedArray` is modified in-place, and no copy is made.
 
 ### Exceptions
 
-- `QuotaExceededError`{{domxref("DOMException")}} 
+- `QuotaExceededError` {{domxref("DOMException")}}
   - : Thrown if the requested length exceeds 65,536 bytes.
 
 ## Usage notes

@@ -36,7 +36,7 @@ getAsString(function(data) { /* ... */ })
 
 - `callbackFn`
   - : A callback function that receives following arguments:
-    - `data` 
+    - `data`
       - : The {{domxref("DataTransferItem", "data transfer item's")}} string data.
 
 ### Return value

@@ -86,7 +86,7 @@ evaluate(xpathExpression, contextNode, namespaceResolver, resultType, result)
     - `FIRST_ORDERED_NODE_TYPE` (`9`)
       - : A result set containing the first node in the document that matches the
         expression.
-      
+
 - `result`
   - : An existing `XPathResult` to use for the results. If set to`null` the method will create and return a new `XPathResult`.
 

@@ -37,7 +37,7 @@ execCommand(aCommandName, aShowDefaultUI, aValueArgument)
 
 - `aCommandName`
   - : A string specifying the name of the command to execute. The following commands are specified:
-    - `backColor` 
+    - `backColor`
       - : Changes the document background color. In `styleWithCss` mode, it affects the background color of the containing block instead. This requires a {{cssxref("&lt;color&gt;")}} value string to be passed in as a value argument. Note that Internet Explorer uses this to set the text background color.
     - `bold`
       - : Toggles bold on/off for the selection or at the insertion point. Internet Explorer uses the {{HTMLElement("strong")}} tag instead of {{HTMLElement("b")}}.

@@ -67,7 +67,7 @@ The event object is a {{domxref("UIEvent")}} instance if it was generated from a
 ```css hidden
 body {
   display: grid;
-  grid-template-areas: "control  log";
+  grid-template-areas: "control log";
 }
 
 .controls {

@@ -18,7 +18,7 @@ tags:
 
 The original File System API was created to let browsers implement support for accessing a sandboxed virtual file system on the user's storage device. Work to standardize the specification was abandoned back in 2012, but by that point, Google Chrome included its own implementation of the API. Over time, a number of popular sites and Web applications came to use it, often without providing any means of falling back to standard APIs or even checking to be sure the API is available before using it. Mozilla instead opted to implement other APIs which can be used to solve many of the same problems, such as [IndexedDB](/en-US/docs/Web/API/IndexedDB_API); see the blog post [Why no FileSystem API in Firefox?](https://hacks.mozilla.org/2012/07/why-no-filesystem-api-in-firefox/) for more insights.
 
-This has caused a number of popular web sites not to work properly on browsers other than Chrome. Because of that, an attempt was made to create a spec offering the features of Google's API which consensus could be reached on. The result was the [File and Directory Entries API](/en-US/docs/Web/API/File_and_Directory_Entries_API). This subset of the API provided by Chrome is still not fully specified; however, for web compatibility reasons, it was decided to implement a subset of the API in Firefox; this was introduced in Firefox 50.
+This has caused a number of popular websites not to work properly on browsers other than Chrome. Because of that, an attempt was made to create a spec offering the features of Google's API which consensus could be reached on. The result was the [File and Directory Entries API](/en-US/docs/Web/API/File_and_Directory_Entries_API). This subset of the API provided by Chrome is still not fully specified; however, for web compatibility reasons, it was decided to implement a subset of the API in Firefox; this was introduced in Firefox 50.
 
 This article describes how the Firefox implementation of the File and Directory Entries API differs from other implementations and/or the specification.
 

@@ -12,7 +12,7 @@ browser-compat: api.Geolocation
 ---
 {{securecontext_header}}{{APIRef("Geolocation API")}}
 
-The **`Geolocation`** interface represents an object able to programmatically obtain the position of the device. It gives Web content access to the location of the device. This allows a Web site or app to offer customized results based on the user's location.
+The **`Geolocation`** interface represents an object able to programmatically obtain the position of the device. It gives Web content access to the location of the device. This allows a Website or app to offer customized results based on the user's location.
 
 An object with this interface is obtained using the {{domxref("navigator.geolocation")}} property implemented by the {{domxref("Navigator")}} object.
 

@@ -272,7 +272,7 @@ Several interfaces are technically defined in the HTML specification while actua
 
 #### Web storage interfaces
 
-The {{DOMxRef("Web_Storage_API", "", "", "1")}} provides the ability for web sites to store data either temporarily or permanently on the user's device for later re-use.
+The {{DOMxRef("Web_Storage_API", "", "", "1")}} provides the ability for websites to store data either temporarily or permanently on the user's device for later re-use.
 
 - {{DOMxRef("Storage")}}
 - {{DOMxRef("StorageEvent")}}

@@ -59,7 +59,7 @@ if ('showPicker' in HTMLInputElement.prototype) {
 
 ### Showing the normal pickers
 
-This example shows how the picker can be launched for each of the inputs that normally support this feature. 
+This example shows how the picker can be launched for each of the inputs that normally support this feature.
 
 #### HTML
 

@@ -57,7 +57,7 @@ pitch.addEventListener('change', () => {
   }
   else if ('mozPreservesPitch' in audio) { //deprecated
     audio.mozPreservesPitch = pitch.checked;
-  } 
+  }
 });
 ```
 

@@ -38,7 +38,7 @@ in the exception object:
     A failure due to disk IO errors is such an example.
 - `VersionError`
   - : If you try to open a database with a version lower than the one it already has.
-  
+
 In addition to the error codes sent to the {{ domxref("IDBRequest") }} object,
 asynchronous operations can also raise exceptions. The list describes problems that
 could occur when the request is being executed, but you might also encounter other

@@ -137,21 +137,21 @@ function logMessage(message) {
 
 textarea.addEventListener('keydown', (e) => {
   if (!e.repeat)
-    logMessage(`Key "${e.key}" pressed  [event: keydown]`);
+    logMessage(`Key "${e.key}" pressed [event: keydown]`);
   else
-    logMessage(`Key "${e.key}" repeating  [event: keydown]`);
+    logMessage(`Key "${e.key}" repeating [event: keydown]`);
 });
 
 textarea.addEventListener('beforeinput', (e) => {
-  logMessage(`Key "${e.data}" about to be input  [event: beforeinput]`);
+  logMessage(`Key "${e.data}" about to be input [event: beforeinput]`);
 });
 
 textarea.addEventListener('input', (e) => {
-  logMessage(`Key "${e.data}" input  [event: input]`);
+  logMessage(`Key "${e.data}" input [event: input]`);
 });
 
 textarea.addEventListener('keyup', (e) => {
-  logMessage(`Key "${e.key}" released  [event: keyup]`);
+  logMessage(`Key "${e.key}" released [event: keyup]`);
 });
 
 btnReset.addEventListener('click', (e) => {

@@ -10,7 +10,7 @@ browser-compat: css.at-rules.font-feature-values
 ---
 {{CSSRef}}
 
-The **`@font-feature-values`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule ) lets you use a common name in the {{cssxref("font-variant-alternates")}} property for features activated differently in OpenType. This can help simplify your CSS when using multiple fonts.
+The **`@font-feature-values`** [CSS](/en-US/docs/Web/CSS) [at-rule](/en-US/docs/Web/CSS/At-rule) lets you use a common name in the {{cssxref("font-variant-alternates")}} property for features activated differently in OpenType. This can help simplify your CSS when using multiple fonts.
 
 The `@font-feature-values` at-rule may be used either at the top level of your CSS or inside any [CSS conditional-group at-rule](/en-US/docs/Web/CSS/At-rule#conditional_group_rules).
 

@@ -48,7 +48,7 @@ The available types are as follows:
       </td>
       <td id="examplebutton">
         <pre class="brush: html hidden">
-&#x3C;input  type="button" name="button" value="Button" /></pre>
+&#x3C;input type="button" name="button" value="Button" /></pre>
         {{EmbedLiveSample("examplebutton",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -57,7 +57,7 @@ The available types are as follows:
       <td>A check box allowing single values to be selected/deselected.</td>
       <td id="examplecheckbox">
         <pre class="brush: html hidden">
-&#x3C;input  type="checkbox" name="checkbox"/></pre>
+&#x3C;input type="checkbox" name="checkbox"/></pre>
         {{EmbedLiveSample("examplecheckbox",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -68,7 +68,7 @@ The available types are as follows:
       </td>
       <td id="examplecolor">
         <pre class="brush: html hidden">
-&#x3C;input  type="color" name="color"/></pre>
+&#x3C;input type="color" name="color"/></pre>
         {{EmbedLiveSample("examplecolor",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -81,7 +81,7 @@ The available types are as follows:
       </td>
       <td id="exampledate">
         <pre class="brush: html hidden">
-&#x3C;input  type="date" name="date"/></pre>
+&#x3C;input type="date" name="date"/></pre>
         {{EmbedLiveSample("exampledate",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -95,7 +95,7 @@ The available types are as follows:
       </td>
       <td id="exampledtl">
         <pre class="brush: html hidden">
-&#x3C;input  type="datetime-local" name="datetime-local"/></pre>
+&#x3C;input type="datetime-local" name="datetime-local"/></pre>
         {{EmbedLiveSample("exampledtl",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -167,7 +167,7 @@ The available types are as follows:
       </td>
       <td id="examplenumber">
         <pre class="brush: html hidden">
-&#x3C;input  type="number" name="number"/></pre>
+&#x3C;input type="number" name="number"/></pre>
         {{EmbedLiveSample("examplenumber",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -179,7 +179,7 @@ The available types are as follows:
       </td>
       <td id="examplepassword">
         <pre class="brush: html hidden">
-&#x3C;input  type="password" name="password"/></pre>
+&#x3C;input type="password" name="password"/></pre>
         {{EmbedLiveSample("examplepassword",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -215,7 +215,7 @@ The available types are as follows:
       </td>
       <td id="examplereset">
         <pre class="brush: html hidden">
-&#x3C;input  type="reset" name="reset"/></pre
+&#x3C;input type="reset" name="reset"/></pre
         >
         {{EmbedLiveSample("examplereset",200,55,"","", "nobutton")}}
       </td>
@@ -230,7 +230,7 @@ The available types are as follows:
       </td>
       <td id="examplesearch">
         <pre class="brush: html hidden">
-&#x3C;input  type="search" name="search"/></pre>
+&#x3C;input type="search" name="search"/></pre>
         {{EmbedLiveSample("examplesearch",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -251,7 +251,7 @@ The available types are as follows:
       </td>
       <td id="exampletel">
         <pre class="brush: html hidden">
-&#x3C;input  type="tel" name="tel"/></pre>
+&#x3C;input type="tel" name="tel"/></pre>
         {{EmbedLiveSample("exampletel",200,55,"","", "nobutton")}}
       </td>
     </tr>
@@ -273,7 +273,7 @@ The available types are as follows:
       <td>A control for entering a time value with no time zone.</td>
       <td id="exampletime">
         <pre class="brush: html hidden">
-&#x3C;input  type="time" name="time"/></pre>
+&#x3C;input type="time" name="time"/></pre>
         {{EmbedLiveSample("exampletime",200,55,"","", "nobutton")}}
       </td>
     </tr>

@@ -115,7 +115,7 @@ In most cases you should provide an accessible label when using `<progress>`. Wh
 
 ### Describing a particular region
 
-If the `<progress>` element is describing the loading progress of a section of a page, use [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) to point to the status, and set [`aria-busy="true"`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-busy ) on the section that is being updated, removing the `aria-busy` attribute when it has finished loading.
+If the `<progress>` element is describing the loading progress of a section of a page, use [`aria-describedby`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) to point to the status, and set [`aria-busy="true"`](/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-busy) on the section that is being updated, removing the `aria-busy` attribute when it has finished loading.
 
 #### Example
 

@@ -176,7 +176,7 @@ Reporting directives control the reporting process of CSP violations. See also t
 - {{CSP("upgrade-insecure-requests")}}
   - : Instructs user agents to treat all of a site's insecure URLs (those served over
     HTTP) as though they have been replaced with secure URLs (those served over HTTPS).
-    This directive is intended for web sites with large numbers of insecure legacy URLs
+    This directive is intended for websites with large numbers of insecure legacy URLs
     that need to be rewritten.
 
 ### Deprecated directives

@@ -63,7 +63,7 @@ The HTTP Strict Transport Security header informs the browser that it should nev
 You log into a free Wi-Fi access point at an airport and start surfing the web, visiting your online banking service to check your balance and pay a couple of bills.
 Unfortunately, the access point you're using is actually a hacker's laptop, and they're intercepting your original HTTP request and redirecting you to a clone of your bank's site instead of the real thing. Now your private data is exposed to the hacker.
 
-Strict Transport Security resolves this problem; as long as you've accessed your bank's web site once using HTTPS, and the bank's web site uses Strict Transport Security, your
+Strict Transport Security resolves this problem; as long as you've accessed your bank's website once using HTTPS, and the bank's web site uses Strict Transport Security, your
 browser will know to automatically use only HTTPS, which prevents hackers from performing this sort of man-in-the-middle attack.
 
 ### How the browser handles it

@@ -51,7 +51,7 @@ Browse through detailed HTTP reference documentation.
 - [HTTP Status Response Codes](/en-US/docs/Web/HTTP/Status)
   - : HTTP response codes indicate whether a specific HTTP request has been successfully completed. Responses are grouped in five classes: informational responses, successful responses, redirections, client errors, and servers errors.
 - [CSP directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy)
-  - : The {{HTTPHeader("Content-Security-Policy")}} response header fields allows web site administrators to control resources the user agent is allowed to load for a given page. With a few exceptions, policies mostly involve specifying server origins and script endpoints.
+  - : The {{HTTPHeader("Content-Security-Policy")}} response header fields allows website administrators to control resources the user agent is allowed to load for a given page. With a few exceptions, policies mostly involve specifying server origins and script endpoints.
 
 ## Tools & resources