MINOR: remove i and b (#18606)

files/en-us/web/api/attr/localname/index.md

@@ -35,7 +35,7 @@ The following example displays the local name of the first attribute of the two
 <button>Click me for &lt;svg&gt;…</button>
 <button>Click me for &lt;label&gt;…</button>
 <br><br>
-Local part of the attribute <code>xml:lang</code>: <output id="result"><i>None.</i></output>
+Local part of the attribute <code>xml:lang</code>: <output id="result">None.</output>
 ```
 
 ### JavaScript Content

files/en-us/web/api/attr/name/index.md

@@ -31,7 +31,7 @@ The following example displays the qualified name of the first attribute of the
 <button>Click me for &lt;svg&gt;…</button>
 <button>Click me for &lt;label&gt;…</button>
 <br><br>
-Qualified name of the attribute <code>xml:lang</code>: <output id="result"><i>None.</i></output>
+Qualified name of the attribute <code>xml:lang</code>: <output id="result">None.</output>
 ```
 
 ### JavaScript Content

files/en-us/web/api/attr/namespaceuri/index.md

@@ -42,7 +42,7 @@ In the case of the SVG element, it will return the URI of the XML namespace, `ht
 <button>Click me for &lt;svg&gt;…</button>
 <button>Click me for &lt;label&gt;…</button>
 <br><br>
-URI of the attribute <code>xml:lang</code> namespace: <output id="result"><i>None.</i></output>
+URI of the attribute <code>xml:lang</code> namespace: <output id="result">None.</output>
 ```
 
 ### JavaScript Content

files/en-us/web/api/attr/ownerelement/index.md

@@ -29,7 +29,7 @@ The following example displays the qualified name of the element of the two firs
 <button>Click me for &lt;svg&gt;…</button>
 <button>Click me for &lt;label&gt;…</button>
 <br><br>
-Qualified name of the owner element of the attribute <code>xml:lang</code>: <output id="result"><i>None.</i></output>
+Qualified name of the owner element of the attribute <code>xml:lang</code>: <output id="result">None.</output>
 ```
 
 ### JavaScript Content

files/en-us/web/api/attr/prefix/index.md

@@ -33,7 +33,7 @@ A string containing the prefix of the namespace the attribute belongs too. If no
 <button>Click me for &lt;svg&gt;…</button>
 <button>Click me for &lt;label&gt;…</button>
 <br><br>
-Prefix of the attribute <code>xml:lang</code>: <output id="result"><i>None.</i></output>
+Prefix of the attribute <code>xml:lang</code>: <output id="result">None.</output>
 ```
 
 ### JavaScript Content

files/en-us/web/api/attr/value/index.md

@@ -26,7 +26,7 @@ The following example displays the current value of the attribute `test`. Clicki
 
 <button>Click me to set test to <code>"a new value"</code>…</button>
 <br><br>
-Current value of the <code>test</code> attribute: <output id="result"><i>None.</i></output>
+Current value of the <code>test</code> attribute: <output id="result">None.</output>
 ```
 
 ### JavaScript Content

files/en-us/web/api/blob/blob/index.md

@@ -50,7 +50,7 @@ A new {{domxref("Blob")}} object containing the specified data.
 ## Examples
 
 ```js
-const array = ['<a id="a"><b id="b">hey!</b></a>']; // an array consisting of a single string
+const array = ['<q id="a"><span id="b">hey!</span></q>']; // an array consisting of a single string
 const blob = new Blob(array, {type : 'text/html'}); // the blob
 ```
 

files/en-us/web/api/document/activeelement/index.md

@@ -51,8 +51,8 @@ The {{domxref('Element')}} which currently has focus, {{HTMLElement("body")}} or
   <textarea name="ta-example-two" id="ta-example-two" rows="7" cols="40">This is Text Area Two. Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam.</textarea>
 </form>
 
-<p>Active element ID: <b id="output-element"></b></p>
-<p>Selected text: <b id="output-text"></b></p>
+<p>Active element ID: <em id="output-element"></em></p>
+<p>Selected text: <em id="output-text"></em></p>
 ```
 
 ### JavaScript

files/en-us/web/api/formdata/using_formdata_objects/index.md

@@ -29,7 +29,7 @@ formData.append("accountnum", 123456); // number 123456 is immediately converted
 formData.append("userfile", fileInputElement.files[0]);
 
 // JavaScript file-like object
-const content = '<a id="a"><b id="b">hey!</b></a>'; // the body of the new file…
+const content = '<q id="a"><span id="b">hey!</span></q>'; // the body of the new file…
 const blob = new Blob([content], { type: "text/xml"});
 
 formData.append("webmasterfile", blob);

files/en-us/web/guide/parsing_and_serializing_xml/index.md

@@ -39,7 +39,7 @@ Using one of the following approaches to create an XML document (which is an ins
 This example converts an XML fragment in a string into a DOM tree using a {{domxref("DOMParser")}}:
 
 ```js
-const xmlStr = '<a id="a"><b id="b">hey!</b></a>';
+const xmlStr = '<q id="a"><span id="b">hey!</span></q>';
 const parser = new DOMParser();
 const doc = parser.parseFromString(xmlStr, "application/xml");
 // print the name of the root element or error message

files/en-us/web/html/element/slot/index.md

@@ -109,7 +109,7 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
   <details>
     <summary>
       <code class="name">&lt;<slot name="element-name">NEED NAME</slot>&gt;</code>
-      <i class="desc"><slot name="description">NEED DESCRIPTION</slot></i>
+      <span class="desc"><slot name="description">NEED DESCRIPTION</slot></span>
     </summary>
     <div class="attributes">
       <h4>Attributes</h4>

files/en-us/web/svg/applying_svg_effects_to_html_content/index.md

@@ -53,7 +53,7 @@ p {
 
 Note that in the CSS, the mask is specified using a URL to the ID `#mask-1`, which is the ID of the SVG mask specified below it. Everything else specifies details about the gradient mask itself.
 
-Applying the SVG effect to (X)HTML is accomplished by assigning the `target` class defined above to an element, like this:
+Applying the SVG effect to HTML is accomplished by assigning the `target` class defined above to an element, like this:
 
 ```html
 <p class="target" style="background:lime;">
@@ -62,8 +62,8 @@ Applying the SVG effect to (X)HTML is accomplished by assigning the `target` cla
 </p>
 <p>
     Lorem ipsum dolor sit amet, consectetur adipisicing
-    <b class="target">elit, sed do eiusmod tempor incididunt
-    ut labore et dolore magna aliqua.</b>
+    <em class="target">elit, sed do eiusmod tempor incididunt
+    ut labore et dolore magna aliqua.</em>
     Ut enim ad minim veniam.
 </p>
 ```
@@ -83,8 +83,8 @@ This example demonstrates using SVG to clip HTML content. Notice that even the c
 </p>
 <p>
     Lorem ipsum dolor sit amet, consectetur adipisicing
-    <b class="target">elit, sed do eiusmod tempor incididunt
-    ut labore et dolore magna aliqua.</b>
+    <em class="target">elit, sed do eiusmod tempor incididunt
+    ut labore et dolore magna aliqua.</em>
     Ut enim ad minim veniam.
 </p>
 
@@ -134,8 +134,8 @@ This demonstrates applying a filter to HTML content using SVG. It establishes se
 <pre class="target">lorem</pre>
 <p>
     Lorem ipsum dolor sit amet, consectetur adipisicing
-    <b class="target">elit, sed do eiusmod tempor incididunt
-    ut labore et dolore magna aliqua.</b>
+    <em class="target">elit, sed do eiusmod tempor incididunt
+    ut labore et dolore magna aliqua.</em>
     Ut enim ad minim veniam.
 </p>
 ```
@@ -191,8 +191,8 @@ The five filters are applied using the following CSS:
 ```css
 p.target { filter:url(#f3); }
 p.target:hover { filter:url(#f5); }
-b.target { filter:url(#f1); }
-b.target:hover { filter:url(#f4); }
+em.target { filter:url(#f1); }
+em.target:hover { filter:url(#f4); }
 pre.target { filter:url(#f2); }
 pre.target:hover { filter:url(#f3); }
 ```

files/en-us/web/web_components/using_templates_and_slots/index.md

@@ -163,7 +163,7 @@ First of all, we use the {{HTMLElement("slot")}} element within a {{HTMLElement(
     <summary>
       <span>
         <code class="name">&lt;<slot name="element-name">NEED NAME</slot>&gt;</code>
-        <i class="desc"><slot name="description">NEED DESCRIPTION</slot></i>
+        <span class="desc"><slot name="description">NEED DESCRIPTION</slot></span>
       </span>
     </summary>
     <div class="attributes">