mdn · teoli2003 · Aug 20, 2021 · Aug 20, 2021
@@ -13,9 +13,9 @@
 ---
 <div>{{APIRef("Keyboard API")}}{{SeeCompatTable}}</div>
 
-<p><span class="seoSummary">The <strong><code>unlock()</code></strong> method of the
+<p>The <strong><code>unlock()</code></strong> method of the
     {{domxref("Keyboard")}} interface unlocks all keys captured by the
-    {{domxref('Keyboard.lock()')}} method and returns synchronously. </span></p>
+    {{domxref('Keyboard.lock()')}} method and returns synchronously. </p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -15,7 +15,7 @@
 ---
 <div>{{APIRef("DOM Events")}}</div>
 
-<p><span class="seoSummary">The <code>KeyboardEvent.code</code> property represents a physical key on the keyboard (as opposed to the character generated by pressing the key). In other words, this property returns a value that isn't altered by keyboard layout or the state of the modifier keys.</span></p>
+<p>The <code>KeyboardEvent.code</code> property represents a physical key on the keyboard (as opposed to the character generated by pressing the key). In other words, this property returns a value that isn't altered by keyboard layout or the state of the modifier keys.</p>
 
 <p>If the input device isn't a physical keyboard, but is instead a virtual keyboard or accessibility device, the returned value will be set by the browser to match as closely as possible to what would happen with a physical keyboard, to maximize compatibility between physical and virtual input devices.</p>
 

@@ -15,11 +15,11 @@
 ---
 <div>{{SeeCompatTable}}{{APIRef("Keyboard API")}}</div>
 
-<p><span class="seoSummary">The <strong><code>entries</code></strong> read-only property
+<p>The <strong><code>entries</code></strong> read-only property
     of the {{domxref("KeyboardLayoutMap")}} interface returns an array of a given object's
     own enumerable property <code>[key, value]</code> pairs, in the same order as that
     provided by a {{jsxref("Statements/for...in", "for...in")}} loop (the difference being
-    that a for-in loop enumerates properties in the prototype chain as well). </span></p>
+    that a for-in loop enumerates properties in the prototype chain as well). </p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -15,9 +15,9 @@
 ---
 <div>{{APIRef("Keyboard API")}}{{SeeCompatTable}}</div>
 
-<p><span class="seoSummary">The <strong><code>forEach()</code></strong> method of the
+<p>The <strong><code>forEach()</code></strong> method of the
 		{{domxref('KeyboardLayoutMap')}} interface executes a provided function once for
-		each element of the map.</span></p>
+		each element of the map.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -15,9 +15,9 @@
 ---
 <div>{{SeeCompatTable}}{{APIRef("Keyboard API")}}</div>
 
-<p><span class="seoSummary">The <strong><code>size</code></strong> read-only property of
+<p>The <strong><code>size</code></strong> read-only property of
     the {{domxref("KeyboardLayoutMap")}} interface returns the number of elements in the
-    map. </span></p>
+    map. </p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -10,11 +10,11 @@
 ---
 <p>{{APIRef("Location")}}</p>
 
-<p><span class="seoSummary">The <strong><code>ancestorOrigins</code></strong> read-only
+<p>The <strong><code>ancestorOrigins</code></strong> read-only
     property of the {{domxref("Location")}} interface is a static
     {{domxref("DOMStringList")}} containing, in reverse order, the origins of all ancestor
     browsing contexts of the document associated with the given {{domxref("Location")}}
-    object.</span></p>
+    object.</p>
 
 <p>You can use <code>location.ancestorOrigins</code> in the script for a document to
   determine, for example, whenever the document is being framed by a site which you don’t

@@ -10,10 +10,10 @@
 ---
 <div>{{ APIRef("Location") }}</div>
 
-<p><span class="seoSummary">The <strong><code>hash</code></strong> property of the
+<p>The <strong><code>hash</code></strong> property of the
     {{domxref("Location")}} interface returns a {{domxref("USVString")}} containing a
     <code>'#'</code> followed by the fragment identifier of the URL — the ID on the page
-    that the URL is trying to target.</span></p>
+    that the URL is trying to target.</p>
 
 <p>The fragment is not <a
     href="/en-US/docs/Glossary/percent-encoding">percent-decoded</a>. If the URL does not

@@ -12,7 +12,7 @@
 ---
 <div>{{SeeCompatTable}}{{APIRef("Web Locks")}}</div>
 
-<p><span class="seoSummary">The <strong><code>Lock</code></strong> interface of the <a href="/en-US/docs/Web/API/Web_Locks_API">Web Locks API</a> provides the name and mode of a previously requested lock, which is received in the callback to {{domxref('LockManager.request','LockManager.request()')}}.</span></p>
+<p>The <strong><code>Lock</code></strong> interface of the <a href="/en-US/docs/Web/API/Web_Locks_API">Web Locks API</a> provides the name and mode of a previously requested lock, which is received in the callback to {{domxref('LockManager.request','LockManager.request()')}}.</p>
 
 <h2 id="Properties">Properties</h2>
 

@@ -13,10 +13,10 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Web Locks")}}</p>
 
-<p><span class="seoSummary">The <strong><code>mode</code></strong> read-only property of
+<p>The <strong><code>mode</code></strong> read-only property of
     the {{domxref("Lock")}} interface returns the access mode passed to
     {{domxref('LockManager.request()')}} when the lock was requested. The mode is either
-    <code>"exclusive"</code> (the default) or <code>"shared"</code>.</span></p>
+    <code>"exclusive"</code> (the default) or <code>"shared"</code>.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -14,9 +14,9 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Web Locks")}}</p>
 
-<p><span class="seoSummary">The <strong><code>name</code></strong> read-only property of
+<p>The <strong><code>name</code></strong> read-only property of
     the {{domxref("Lock")}} interface returns the <em>name</em> passed to
-    {{domxref('LockManager.request')}} selected when the lock was requested.</span></p>
+    {{domxref('LockManager.request')}} selected when the lock was requested.</p>
 
 <p>The name of a lock is passed by script when the lock is requested. The name is selected
   by the developer to represent an abstract resource for which use is being coordinated

@@ -13,7 +13,7 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Web Locks")}}</p>
 
-<p><span class="seoSummary">The <strong><code>LockManager</code></strong> interface of the <a href="/en-US/docs/Web/API/Web_Locks_API">Web Locks API</a> provides methods for requesting a new {{domxref('Lock')}} object and querying for an existing <code>Lock</code> object. To get an instance of <code>LockManager</code>, call {{domxref('navigator.locks')}}.</span></p>
+<p>The <strong><code>LockManager</code></strong> interface of the <a href="/en-US/docs/Web/API/Web_Locks_API">Web Locks API</a> provides methods for requesting a new {{domxref('Lock')}} object and querying for an existing <code>Lock</code> object. To get an instance of <code>LockManager</code>, call {{domxref('navigator.locks')}}.</p>
 
 <h2 id="Methods">Methods</h2>
 

@@ -13,9 +13,9 @@
 ---
 <p>{{APIRef("Web Locks")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>query()</code></strong> method of the
+<p>The <strong><code>query()</code></strong> method of the
     {{domxref("LockManager")}} interface returns a {{jsxref('Promise')}} which resolves
-    with an object containing information about held and pending locks. </span></p>
+    with an object containing information about held and pending locks. </p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -13,11 +13,11 @@
 ---
 <p>{{APIRef("Web Locks")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>request()</code></strong> method of the
+<p>The <strong><code>request()</code></strong> method of the
     {{domxref("LockManager")}} interface requests a {{domxref('Lock')}} object with
     parameters specifying its name and characteristics. The requested <code>Lock</code> is
     passed to a callback, while the function itself returns a {{jsxref('Promise')}} that
-    resolves with {{jsxref('undefined')}}.</span></p>
+    resolves with {{jsxref('undefined')}}.</p>
 
 <p>The <code>mode</code> property of the <code>options</code> parameter may be either
   <code>"exclusive"</code> or <code>"shared"</code>.</p>

@@ -12,9 +12,9 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Media Capture")}}</p>
 
-<p><span class="seoSummary">The <strong><code>kind</code></strong> readonly property of
+<p>The <strong><code>kind</code></strong> readonly property of
     the {{domxref("MediaDeviceInfo")}} interface returns an enumerated value, that is
-    either "videoinput", "audioinput" or "audiooutput".</span></p>
+    either "videoinput", "audioinput" or "audiooutput".</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -21,7 +21,7 @@
 ---
 <div>{{APIRef("Media Capture and Streams")}}</div>
 
-<p><span class="seoSummary">The <strong><code>MediaDevices</code></strong> interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.</span></p>
+<p>The <strong><code>MediaDevices</code></strong> interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.</p>
 
 <h2 id="Properties">Properties</h2>
 

@@ -16,13 +16,13 @@
 ---
 <p>{{APIRef("Media Capture and Streams")}}</p>
 
-<p><span class="seoSummary">The <strong><code>MediaDevices.ondevicechange</code></strong>
+<p>The <strong><code>MediaDevices.ondevicechange</code></strong>
     property is an <a href="/en-US/docs/Web/Events/Event_handlers">event handler</a> which specifies a function to be called
     when the {{event("devicechange")}} event occurs on a {{domxref("MediaDevices")}}
     instance. This happens whenever the set of media devices available to the
     {{Glossary("user agent")}} and, by extension, to the web site or app has changed. You
     can at any time use {{domxref("MediaDevices.enumerateDevices", "enumerateDevices()")}}
-    to get the updated list of available devices.</span></p>
+    to get the updated list of available devices.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -15,7 +15,7 @@
 ---
 <p>{{APIRef("HTML DOM")}}</p>
 
-<p><span class="seoSummary">The <code><strong>MediaError</strong></code> interface represents an error which occurred while handling media in an HTML media element based on {{domxref("HTMLMediaElement")}}, such as {{HTMLElement("audio")}} or {{HTMLElement("video")}}.</span></p>
+<p>The <code><strong>MediaError</strong></code> interface represents an error which occurred while handling media in an HTML media element based on {{domxref("HTMLMediaElement")}}, such as {{HTMLElement("audio")}} or {{HTMLElement("video")}}.</p>
 
 <p>A <code>MediaError</code> object describes the error in general terms using a numeric <code>code</code> categorizing the kind of error, and a <code>message</code>, which provides specific diagnostics about what went wrong.</p>
 

@@ -5,7 +5,7 @@
 ---
 <p>{{APIRef("Encrypted Media Extensions")}}</p>
 
-<p><span class="seoSummary">The <strong><code>onkeystatuseschange</code></strong> property of the {{domxref("MediaKeySession")}} is an event handler, fired whenever a {{Event("keystatuschange")}} event ocurrs, denoting there has been a change in the keys or their statuses within a session.</span></p>
+<p>The <strong><code>onkeystatuseschange</code></strong> property of the {{domxref("MediaKeySession")}} is an event handler, fired whenever a {{Event("keystatuschange")}} event ocurrs, denoting there has been a change in the keys or their statuses within a session.</p>
 
 <p>This interface inherits from the {{domxref("ExtendableEvent")}} interface.</p>
 

@@ -5,10 +5,10 @@
 ---
 <p>{{APIRef("Encrypted Media Extensions")}}</p>
 
-<p><span class="seoSummary">The <strong><code>onmessage</code></strong> property of the
+<p>The <strong><code>onmessage</code></strong> property of the
         {{domxref("MediaKeySession")}} is an event handler, fired whenever a
         {{domxref("MediaKeyMessageEvent")}} occurs, denoting a message is generated by the
-        content decryption module.</span></p>
+        content decryption module.</p>
 
 <p>This interface inherits from the {{domxref("ExtendableEvent")}} interface.</p>
 

@@ -12,10 +12,10 @@
 ---
 <p>{{APIRef("EncryptedMediaExtensions API")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>entries()</code></strong> read-only property
+<p>The <strong><code>entries()</code></strong> read-only property
     of the {{domxref("MediaKeyStatusMap")}} interface returns a new Iterator object,
     containing an array of [key, value] pairs for each element in the status map, in
-    insertion order.</span></p>
+    insertion order.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -12,10 +12,10 @@
 ---
 <p>{{APIRef("EncryptedMediaExtensions API")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>forEach</code></strong> property of the
+<p>The <strong><code>forEach</code></strong> property of the
     {{domxref("MediaKeyStatusMap")}} interface calls callback once for each key-value pair
     in the status map, in insertion order. If an argument is present it will be passed to
-    the callback.</span></p>
+    the callback.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -12,9 +12,9 @@
 ---
 <p>{{APIRef("MediaKeyStatusMap")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>get</code></strong> property of the
+<p>The <strong><code>get</code></strong> property of the
     {{domxref("MediaKeyStatusMap")}} interface returns the value associated with the given
-    key, or <code>undefined</code> if there is none.</span></p>
+    key, or <code>undefined</code> if there is none.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -12,9 +12,9 @@
 ---
 <p>{{APIRef("EncryptedMediaExtensions API")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>has</code></strong> property of the
+<p>The <strong><code>has</code></strong> property of the
     {{domxref("MediaKeyStatusMap")}} interface returns a {{jsxref('Boolean')}}, asserting
-    whether a value has been associated with the given key.</span></p>
+    whether a value has been associated with the given key.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -12,9 +12,9 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("EncryptedMediaExtensions API")}}</p>
 
-<p><span class="seoSummary">The <strong><code>size</code></strong> read-only property of
+<p>The <strong><code>size</code></strong> read-only property of
     the {{domxref("MediaKeyStatusMap")}} interface returns the number of key/value paIrs
-    in the status map.</span></p>
+    in the status map.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -12,9 +12,9 @@
 ---
 <p>{{APIRef("EncryptedMediaExtensions API")}}{{SeeCompatTable}}</p>
 
-<p><span class="seoSummary">The <strong><code>values</code></strong> property of the
+<p>The <strong><code>values</code></strong> property of the
     {{domxref("MediaKeyStatusMap")}} interface returns a new Iterator object, containing
-    values for each element in the status map, in insertion order.</span></p>
+    values for each element in the status map, in insertion order.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -10,9 +10,9 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Media Session API")}}</p>
 
-<p><span class="seoSummary">The <strong><code>album</code></strong> property of the
+<p>The <strong><code>album</code></strong> property of the
     {{domxref("MediaMetaData")}} interface returns or sets the name of the album or
-    collection containing the media to be played.</span></p>
+    collection containing the media to be played.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -14,9 +14,9 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Media Session API")}}</p>
 
-<p><span class="seoSummary">The <strong><code>artist</code></strong> property of the
+<p>The <strong><code>artist</code></strong> property of the
     {{domxref("MediaMetaData")}} interface returns or sets the name of the artist, group,
-    creator, etc., of the media to be played.</span></p>
+    creator, etc., of the media to be played.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -15,10 +15,10 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Media Session API")}}</p>
 
-<p><span class="seoSummary">The <strong><code>artwork</code></strong> property of the
+<p>The <strong><code>artwork</code></strong> property of the
     {{domxref("MediaMetaData")}} interface returns or sets an array of
     {{domxref("MediaImage")}} objects representing images associated with playing
-    media.</span></p>
+    media.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -14,7 +14,7 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Media Session API")}}</p>
 
-<p><span class="seoSummary">The <strong><code>MediaMetadata</code></strong> interface of the <a href="/en-US/docs/Web/API/Media_Session_API">Media Session API</a> allows a web page to provide rich media metadata for display in a platform UI.</span></p>
+<p>The <strong><code>MediaMetadata</code></strong> interface of the <a href="/en-US/docs/Web/API/Media_Session_API">Media Session API</a> allows a web page to provide rich media metadata for display in a platform UI.</p>
 
 <h2 id="Constructor">Constructor</h2>
 

@@ -15,9 +15,9 @@
 ---
 <p>{{SeeCompatTable}}{{APIRef("Media Session API")}}</p>
 
-<p><span class="seoSummary">The <strong><code>title</code></strong> property of the
+<p>The <strong><code>title</code></strong> property of the
     {{domxref("MediaMetaData")}} interface returns or sets the title of the media to be
-    played.</span></p>
+    played.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -16,10 +16,10 @@
 ---
 <p>{{APIRef("MediaStream Recording")}}</p>
 
-<p><span class="seoSummary">The
+<p>The
     <strong><code>MediaRecorder.isTypeSupported()</code></strong> static method returns a
     Boolean which is <code>true</code> if the MIME type specified is one the user agent
-    should be able to successfully record.</span></p>
+    should be able to successfully record.</p>
 
 <h2 id="Syntax">Syntax</h2>
 

@@ -13,9 +13,9 @@
 ---
 <div>{{APIRef("MediaStream Recording")}}</div>
 
-<p><span class="seoSummary">The <strong><code>Media.pause()</code></strong> method (part
+<p>The <strong><code>Media.pause()</code></strong> method (part
     of the <a href="/en-US/docs/Web/API/MediaStream_Recording_API">MediaRecorder API</a>) is used
-    to pause recording of media streams.</span></p>
+    to pause recording of media streams.</p>
 
 <p>When a <code>MediaRecorder</code> object’s <code>pause()</code>method is called, the
   browser queues a task that runs the below steps:</p>

@@ -13,10 +13,10 @@
 ---
 <div>{{APIRef("MediaStream Recording")}}</div>
 
-<p><span class="seoSummary">The <strong><code>MediaRecorder.resume()</code></strong>
+<p>The <strong><code>MediaRecorder.resume()</code></strong>
     method (part of the <a href="/en-US/docs/Web/API/MediaStream_Recording_API">MediaRecorder
       API</a>) is used to resume media recording when it has been previously
-    paused.</span></p>
+    paused.</p>
 
 <p>When the <code>resume()</code> method is invoked, the browser queues a task that runs
   the following steps:</p>