Editorial: fix various editorial issues

This makes these changes:
- In Web IDL fragments, operation parameters aren't typically italicized, so remove <var> tags from the few places that have them.
- Mark "this" with <span> rather than <var>.
- Fix typos.

Author: jmdyck

Diff for: source

@@ -7488,7 +7488,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
   <h4>Extracting character encodings from <code>meta</code> elements</h4>
 
   <p>The <dfn>algorithm for extracting a character encoding from a <code>meta</code> element</dfn>,
-  given a string <var>s</var>, is as follows. It either returns a character encoding or
+  given a string <var>s</var>, is as follows. It returns either a character encoding or
   nothing.</p>
 
   <ol> <!-- https://www.hixie.ch/tests/adhoc/html/parsing/encoding/all.html -->
@@ -62224,18 +62224,18 @@ interface <dfn interface>HTMLDialogElement</dfn> : <span>HTMLElement</span> {
   are:</p>
 
   <ol>
-   <li><p>If <var>this</var> does not have an <code data-x="attr-dialog-open">open</code>
+   <li><p>If <span>this</span> does not have an <code data-x="attr-dialog-open">open</code>
    attribute, then return.</p></li>
 
-   <li><p><span>Assert</span>: <var>this</var>'s <span data-x="dialog-close-watcher">close
+   <li><p><span>Assert</span>: <span>this</span>'s <span data-x="dialog-close-watcher">close
    watcher</span> is not null.</p></li>
 
    <li><p>Set <var>dialog</var>'s <span>enable close watcher for <code
    data-x="dom-dialog-requestClose">requestClose()</code></span> to true.</p></li>
 
    <li><p>If <var>returnValue</var> is not given, then set it to null.</p></li>
 
-   <li><p>Set <var>this</var>'s <span>request close return value</span> to
+   <li><p>Set <span>this</span>'s <span>request close return value</span> to
    <var>returnValue</var>.</p></li>
 
    <li><p><span data-x="close-watcher-request-close">Request to close</span> <var>dialog</var>'s
@@ -80271,7 +80271,7 @@ dictionary <dfn dictionary>CommandEventInit</dfn> : <span>EventInit</span> {
   <p>The <dfn attribute
   for="CommandEvent"><code data-x="dom-CommandEvent-source">source</code></dfn> getter steps are to
   return the result of <span data-x="dom-retarget">retargeting</span> <code
-  data-x="dom-CommandEvent-source">source</code> against <var>this</var>'s <code
+  data-x="dom-CommandEvent-source">source</code> against <span>this</span>'s <code
   data-x="dom-Event-currentTarget">currentTarget</code>.</p>
 
   <p class="XXX"><a href="https://github.com/whatwg/dom/issues/1328">DOM standard issue #1328</a>
@@ -87146,7 +87146,7 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
 
   <p>To <dfn>check popover validity</dfn> for an <span data-x="HTML elements">HTML element</span>
   <var>element</var> given a boolean <var>expectedToBeShowing</var>, a boolean
-  <var>throwExceptions</var>, and a <code>Document</code> or null <var>expectedDocument</var>
+  <var>throwExceptions</var>, and a <code>Document</code> or null <var>expectedDocument</var>,
   perform the following steps. They throw an exception or return a boolean.</p>
 
   <ol>
@@ -90076,7 +90076,7 @@ dictionary <dfn dictionary>DragEventInit</dfn> : <span>MouseEventInit</span> {
   <div w-nodev>
 
   <p>When the user agent is to <dfn export>parse a sandboxing directive</dfn>, given a string
-  <var>input</var>, a <span>sandboxing flag set</span> <var>output</var>, it must run the following
+  <var>input</var> and a <span>sandboxing flag set</span> <var>output</var>, it must run the following
   steps:</p>
 
   <ol>
@@ -101965,7 +101965,7 @@ location.href = '#foo';</code></pre>
   <p>To <dfn>hand-off to external software</dfn> given a <span>URL</span> or <span
   data-x="concept-response">response</span> <var>resource</var>, a <span>navigable</span>
   <var>navigable</var>, a <span>sandboxing flag set</span> <var>sandboxFlags</var>, a boolean
-  <var>hasTransientActivation</var>, and an <span>origin</span> <var>initiatorOrigin</var> user
+  <var>hasTransientActivation</var>, and an <span>origin</span> <var>initiatorOrigin</var>, user
   agents should:</p>
 
   <ol>
@@ -114981,7 +114981,7 @@ interface mixin <dfn interface>WindowOrWorkerGlobalScope</dfn> {
   undefined <span data-x="dom-clearInterval">clearInterval</span>(optional long id = 0);
 
   // microtask queuing
-  undefined <span data-x="dom-queueMicrotask">queueMicrotask</span>(<span data-x="idl-VoidFunction">VoidFunction</span> <var>callback</var>);
+  undefined <span data-x="dom-queueMicrotask">queueMicrotask</span>(<span data-x="idl-VoidFunction">VoidFunction</span> callback);
 
   // ImageBitmap
   <span data-x="idl-Promise">Promise</span>&lt;<span>ImageBitmap</span>&gt; <span data-x="dom-createImageBitmap">createImageBitmap</span>(<span>ImageBitmapSource</span> image, optional <span>ImageBitmapOptions</span> options = {});
@@ -115397,7 +115397,7 @@ document.body.appendChild(frame)</code></pre>
   Initially, the counter must be set to zero.</p>
 
   <p>The <dfn>document write steps</dfn>, given a <code>Document</code> object <var>document</var>,
-  a list <var>text</var>, a boolean <var>lineFeed</var> and a string <var>sink</var>, are as
+  a list <var>text</var>, a boolean <var>lineFeed</var>, and a string <var>sink</var>, are as
   follows:</p>
 
   <ol>
@@ -115574,7 +115574,7 @@ dictionary <dfn dictionary>GetHTMLOptions</dfn> {
 interface <dfn interface>DOMParser</dfn> {
   <span data-x="dom-DOMParser-constructor">constructor</span>();
 
-  [NewObject] <code>Document</code> <span data-x="dom-DOMParser-parseFromString">parseFromString</span>((<code data-x="tt-trustedhtml">TrustedHTML</code> or DOMString) <var>string</var>, <span>DOMParserSupportedType</span> <var>type</var>);
+  [NewObject] <code>Document</code> <span data-x="dom-DOMParser-parseFromString">parseFromString</span>((<code data-x="tt-trustedhtml">TrustedHTML</code> or DOMString) string, <span>DOMParserSupportedType</span> type);
 };
 
 enum <dfn enum>DOMParserSupportedType</dfn> {
@@ -116232,7 +116232,7 @@ enum <dfn enum>DOMParserSupportedType</dfn> {
   and attributes like <code>script</code> or <span>event handler content attributes</span>.</p>
 
   <pre><code class="idl">partial interface <span id="Range-partial">Range</span> {
-  [<span>CEReactions</span>, NewObject] <code>DocumentFragment</code> <span data-x="dom-Range-createContextualFragment">createContextualFragment</span>((<code data-x="tt-trustedhtml">TrustedHTML</code> or DOMString) <var>string</var>);
+  [<span>CEReactions</span>, NewObject] <code>DocumentFragment</code> <span data-x="dom-Range-createContextualFragment">createContextualFragment</span>((<code data-x="tt-trustedhtml">TrustedHTML</code> or DOMString) string);
 };</code></pre>
 
   <div w-nodev>
@@ -120631,7 +120631,7 @@ dictionary <dfn dictionary>StructuredSerializeOptions</dfn> {
   <hr>
 
   <p>The <dfn>message port post message steps</dfn>, given <var>sourcePort</var>,
-  <var>targetPort</var>, <var>message</var> and <var>options</var> are as follows:</p>
+  <var>targetPort</var>, <var>message</var>, and <var>options</var> are as follows:</p>
 
   <ol> <!-- a lot of this is similar or identical to the window post message steps -->
    <li><p>Let <var>transfer</var> be <var>options</var>["<code
@@ -122112,7 +122112,7 @@ interface <dfn interface>SharedWorkerGlobalScope</dfn> : <span>WorkerGlobalScope
 
   <hr>
 
-  <p>When a user agent is to <dfn export>terminate a worker</dfn> it must run the following steps
+  <p>When a user agent is to <dfn export>terminate a worker</dfn>, it must run the following steps
   <span>in parallel</span> with the worker's main loop (the "<span>run a worker</span>" processing
   model defined above):</p>
 
@@ -130543,7 +130543,7 @@ document.body.appendChild(text);
   <hr>
 
   <p>When the steps below require the user agent to <dfn>insert a comment</dfn> while processing a
-  comment token, optionally with an explicitly insertion position <var>position</var>, the
+  comment token, optionally with an explicit insertion position <var>position</var>, the
   user agent must run the following steps:</p>
 
   <ol>