Remove various classes, part 1

files/en-us/web/api/analysernode/fftsize/index.html

@@ -26,7 +26,7 @@ <h3 id="Value">Value</h3>
 
 <p>Must be a power of 2 between <math><semantics><msup><mn>2</mn><mn>5</mn></msup><annotation encoding="TeX">2^5</annotation></semantics></math> and <math><semantics><msup><mn>2</mn><mn>15</mn></msup><annotation encoding="TeX">2^15</annotation></semantics></math>, so one of: <code>32</code>, <code>64</code>, <code>128</code>, <code>256</code>, <code>512</code>, <code>1024</code>, <code>2048</code>, <code>4096</code>, <code>8192</code>, <code>16384</code>, and <code>32768</code>. Defaults to <code>2048</code>.</p>
 
-<p class="note"><strong>Note</strong>: If its value is not a power of 2, or it is outside the specified range, a {{domxref("DOMException")}} with the name <code>IndexSizeError</code> is thrown.</p>
+<p><strong>Note</strong>: If its value is not a power of 2, or it is outside the specified range, a {{domxref("DOMException")}} with the name <code>IndexSizeError</code> is thrown.</p>
 
 <h2 id="Example">Example</h2>
 

files/en-us/web/api/analysernode/maxdecibels/index.html

@@ -26,7 +26,7 @@ <h3 id="Value">Value</h3>
 
 <p>When getting data from <code>getByteFrequencyData()</code>, any frequencies with an amplitude of <code>maxDecibels</code> or higher will be returned as <code>255</code>.</p>
 
-<p class="note"><strong>Note</strong>: If a value less than or equal to <code>AnalyserNode.minDecibels</code> is set, an <code>IndexSizeError</code> exception is thrown.</p>
+<p><strong>Note</strong>: If a value less than or equal to <code>AnalyserNode.minDecibels</code> is set, an <code>IndexSizeError</code> exception is thrown.</p>
 
 <h2 id="Example">Example</h2>
 

files/en-us/web/api/audionode/index.html

@@ -24,7 +24,7 @@
 
 <p>{{InheritanceDiagram}}</p>
 
-<p class="note"><strong>Note</strong>: An <code>AudioNode</code> can be target of events, therefore it implements the {{domxref("EventTarget")}} interface.</p>
+<p><strong>Note</strong>: An <code>AudioNode</code> can be target of events, therefore it implements the {{domxref("EventTarget")}} interface.</p>
 
 <h2 id="Description">Description</h2>
 

files/en-us/web/api/audioworkletprocessor/process/index.html

@@ -143,7 +143,7 @@ <h3 id="Return_value">Return value</h3>
     property.</li>
 </ol>
 
-<p class="note"><strong>Note</strong>: An absence of the <code>return</code> statement
+<p><strong>Note</strong>: An absence of the <code>return</code> statement
   means that the method returns <code>undefined</code>, and as this is a falsy value, it
   is like returning <code>false</code>. Omitting an explicit <code>return</code> statement
   may cause hard-to-detect problems for your nodes.</p>

files/en-us/web/api/authenticatorresponse/index.html

@@ -19,12 +19,10 @@ <h2 id="Interfaces_based_on_AuthenticatorResponse">Interfaces based on Authentic
 
 <p>Below is a list of interfaces based on the AuthenticatorResponse interface.</p>
 
-<div class="index">
 <ul>
  <li>{{domxref("AuthenticatorAssertionResponse")}}</li>
  <li>{{domxref("AuthenticatorAttestationResponse")}}</li>
 </ul>
-</div>
 
 <h2 id="Properties">Properties</h2>
 

files/en-us/web/api/canvas_api/index.html

@@ -43,7 +43,6 @@ <h3 id="Result">Result</h3>
 
 <h2 id="Reference">Reference</h2>
 
-<div class="index">
 <ul>
  <li>{{domxref("HTMLCanvasElement")}}</li>
  <li>{{domxref("CanvasRenderingContext2D")}}</li>
@@ -57,7 +56,6 @@ <h2 id="Reference">Reference</h2>
  <li>{{domxref("Path2D")}} {{experimental_inline}}</li>
  <li>{{domxref("ImageBitmapRenderingContext")}} {{experimental_inline}}</li>
 </ul>
-</div>
 
 <div class="notecard note">
 <p><strong>Note:</strong> The interfaces related to the <code>WebGLRenderingContext</code> are referenced under <a href="/en-US/docs/Web/API/WebGL_API">WebGL</a>.</p>

files/en-us/web/api/console/index.html

@@ -229,7 +229,7 @@ <h3 id="Timers">Timers</h3>
 
 <p>Notice that the timer's name is displayed both when the timer is started and when it's stopped.</p>
 
-<p class="note"><strong>Note:</strong> It's important to note that if you're using this to log the timing for network traffic, the timer will report the total time for the transaction, while the time listed in the network panel is just the amount of time required for the header. If you have response body logging enabled, the time listed for the response header and body combined should match what you see in the console output.</p>
+<p><strong>Note:</strong> It's important to note that if you're using this to log the timing for network traffic, the timer will report the total time for the transaction, while the time listed in the network panel is just the amount of time required for the header. If you have response body logging enabled, the time listed for the response header and body combined should match what you see in the console output.</p>
 
 <h3 id="Stack_traces">Stack traces</h3>
 

files/en-us/web/api/css_object_model/index.html

@@ -14,7 +14,6 @@
 
 <h2 id="Reference">Reference</h2>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("AnimationEvent")}}</li>
  <li>{{DOMxRef("CaretPosition")}}</li>
@@ -53,15 +52,13 @@ <h2 id="Reference">Reference</h2>
  <li>{{DOMxRef("StyleSheetList")}}</li>
  <li>{{DOMxRef("TransitionEvent")}}</li>
 </ul>
-</div>
 
 <p>Several other interfaces are also extended by the CSSOM-related specifications: {{DOMxRef("Document")}}, {{DOMxRef("Window")}}, {{DOMxRef("Element")}}, {{DOMxRef("HTMLElement")}}, {{DOMxRef("HTMLImageElement")}}, {{DOMxRef("Range")}}, {{DOMxRef("MouseEvent")}}, and {{DOMxRef("SVGElement")}}.</p>
 
 <h3 id="CSS_Typed_Object_Model">CSS Typed Object Model {{Experimental_Inline}}</h3>
 
 <p>{{SeeCompatTable}}</p>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("CSSImageValue")}} {{Experimental_Inline}}</li>
  <li>{{DOMxRef("CSSKeywordValue")}} {{Experimental_Inline}}</li>
@@ -92,19 +89,16 @@ <h3 id="CSS_Typed_Object_Model">CSS Typed Object Model {{Experimental_Inline}}</
  <li>{{DOMxRef("StylePropertyMap")}} {{Experimental_Inline}}</li>
  <li>{{DOMxRef("StylePropertyMapReadOnly")}} {{Experimental_Inline}}</li>
 </ul>
-</div>
 
 <h3 id="Obsolete_CSSOM_interfaces">Obsolete CSSOM interfaces {{deprecated_inline}}</h3>
 
 <p>{{deprecated_header}}</p>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("CSSPrimitiveValue")}} {{deprecated_inline}}</li>
  <li>{{DOMxRef("CSSValue")}} {{deprecated_inline}}</li>
  <li>{{DOMxRef("CSSValueList")}} {{deprecated_inline}}</li>
 </ul>
-</div>
 
 <h2 id="Tutorials">Tutorials</h2>
 

files/en-us/web/api/cssmathvalue/index.html

@@ -19,7 +19,6 @@ <h2 id="Interfaces_based_on_CSSMathValue">Interfaces based on CSSMathValue</h2>
 
 <p>Below is a list of interfaces based on the CSSMathValue interface.</p>
 
-<div class="index">
 <ul>
  <li>{{domxref('CSSMathInvert')}}</li>
  <li>{{domxref('CSSMathMax')}}</li>
@@ -28,7 +27,6 @@ <h2 id="Interfaces_based_on_CSSMathValue">Interfaces based on CSSMathValue</h2>
  <li>{{domxref('CSSMathProduct')}}</li>
  <li>{{domxref('CSSMathSum')}}</li>
 </ul>
-</div>
 
 <h2 id="Properties">Properties</h2>
 

files/en-us/web/api/cssnumericvalue/index.html

@@ -19,7 +19,6 @@ <h2 id="Interfaces_based_on_CSSNumericValue">Interfaces based on CSSNumericValue
 
 <p>Below is a list of interfaces based on the CSSNumericValue interface.</p>
 
-<div class="index">
 <ul>
 	<li>{{domxref('CSSMathClamp')}}</li>
 	<li>{{domxref('CSSMathInvert')}}</li>
@@ -32,7 +31,6 @@ <h2 id="Interfaces_based_on_CSSNumericValue">Interfaces based on CSSNumericValue
 	<li>{{domxref('CSSNumericArray')}}</li>
 	<li>{{domxref('CSSUnitValue')}}</li>
 </ul>
-</div>
 
 <h2 id="Properties">Properties</h2>
 

files/en-us/web/api/cssrule/index.html

@@ -12,7 +12,6 @@
 
 <p>The <strong><code>CSSRule</code></strong> interface represents a single CSS rule. There are several types of rules which inherit properties from <code>CSSRule</code>.</p>
 
-<div class="index">
   <ul>
     <li>{{DOMXRef("CSSStyleRule")}}</li>
     <li>{{DOMXRef("CSSImportRule")}}</li>
@@ -28,7 +27,6 @@
     <li>{{DOMXRef("CSSFontFeatureValuesRule")}}</li>
     <li>{{DOMXRef("CSSViewportRule")}}</li>
   </ul>
-</div>
 
 <h2 id="Properties_common_to_all_CSSRule_instances">Properties common to all CSSRule instances</h2>
 

files/en-us/web/api/cssstylevalue/index.html

@@ -19,7 +19,6 @@ <h2 id="Interfaces_based_on_CSSStyleValue">Interfaces based on CSSStyleValue</h2
 
 <p>Below is a list of interfaces based on the <code>CSSStyleValue</code> interface.</p>
 
-<div class="index">
 <ul>
 	<li>{{domxref('CSSImageValue')}}</li>
 	<li>{{domxref('CSSKeywordValue')}}</li>
@@ -28,7 +27,6 @@ <h2 id="Interfaces_based_on_CSSStyleValue">Interfaces based on CSSStyleValue</h2
 	<li>{{domxref('CSSTransformValue')}}</li>
 	<li>{{domxref('CSSUnparsedValue')}}</li>
 </ul>
-</div>
 
 <h2 id="Methods">Methods</h2>
 

files/en-us/web/api/csstransformvalue/index.html

@@ -20,7 +20,6 @@ <h2 id="Interfaces_based_on_CSSTransformValue">Interfaces based on CSSTransformV
 
 <p>Below is a list of interfaces based on the <code>CSSTransformValue</code> interface.</p>
 
-<div class="index">
 <ul>
 	<li>{{domxref('CSSTranslate')}}</li>
 	<li>{{domxref('CSSRotate')}}</li>
@@ -31,7 +30,6 @@ <h2 id="Interfaces_based_on_CSSTransformValue">Interfaces based on CSSTransformV
 	<li>{{domxref('CSSPerspective')}}</li>
 	<li>{{domxref('CSSMatrixComponent')}}</li>
 </ul>
-</div>
 
 <h2 id="Constructor">Constructor</h2>
 

files/en-us/web/api/datatransfer/cleardata/index.html

@@ -17,7 +17,7 @@
   operation's {{domxref("DataTransfer","drag data")}} for the given type. If data for the
   given type does not exist, this method does nothing.</p>
 
-<p class="note">If this method is called with no arguments or the format is an empty
+<p>If this method is called with no arguments or the format is an empty
   {{domxref("DOMString","string")}}, the data of all types will be removed.</p>
 
 <p>This method does <em>not</em> remove files from the drag operation, so it's possible

files/en-us/web/api/datatransfer/mozcleardataat/index.html

@@ -23,7 +23,7 @@
   last format for the item is removed, the entire item is removed, reducing
   {{domxref("DataTransfer.mozItemCount","mozItemCount")}} by one.</p>
 
-<p class="note">Removing the last format for a particular index removes that item
+<p>Removing the last format for a particular index removes that item
   entirely, shifting the remaining items down and changing their indices.</p>
 
 <div class="note"><p><strong>Note:</strong> This method is Gecko-specific.</p></div>

files/en-us/web/api/document/getelementsbytagnamens/index.html

@@ -31,7 +31,7 @@ <h2 id="Syntax">Syntax</h2>
     "element.localName")}}).</li>
 </ul>
 
-<p class="note"><strong>Note:</strong> While the W3C specification says
+<p><strong>Note:</strong> While the W3C specification says
   <code>elements</code> is a <code>NodeList</code>, this method returns a
   {{DOMxRef("HTMLCollection")}} both in Gecko and Internet Explorer. Opera returns a
   <code>NodeList</code>, but with a <code>namedItem</code> method implemented, which makes
@@ -40,7 +40,7 @@ <h2 id="Syntax">Syntax</h2>
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=14869">bug 14869</a> for details.
 </p>
 
-<p class="note"><strong>Note:</strong> Currently parameters in this method are
+<p><strong>Note:</strong> Currently parameters in this method are
   case-sensitive, but they were case-insensitive in Firefox 3.5 and before. See the <a
     href="/en-US/docs/Mozilla/Firefox/Releases/3.6#dom">developer release note for Firefox
     3.6</a> and a note in Browser compatibility section in

files/en-us/web/api/document/open/index.html

@@ -53,10 +53,6 @@ <h2 id="Notes">Notes</h2>
 <p>An automatic <code>document.open()</code> call happens when
   {{domxref("document.write()")}} is called after the page has loaded.</p>
 
-<p>For years Firefox and Internet Explorer additionally erased all JavaScript variables,
-  etc., in addition to removing all nodes. This is no longer the case.<span
-    class="comment">document non-spec'ed parameters to document.open</span></p>
-
 <h3 id="Gecko-specific_notes">Gecko-specific notes</h3>
 
 <p>Starting with Gecko 1.9, this method is subject to the same same-origin policy as other

files/en-us/web/api/document_object_model/index.html

@@ -24,7 +24,6 @@
 
 <h2 id="DOM_interfaces">DOM interfaces</h2>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("Attr")}}</li>
  <li>{{DOMxRef("CDATASection")}}</li>
@@ -65,13 +64,11 @@ <h2 id="DOM_interfaces">DOM interfaces</h2>
  <li>{{DOMxRef("Worker")}}</li>
  <li>{{DOMxRef("XMLDocument")}} {{Experimental_Inline}}</li>
 </ul>
-</div>
 
 <h3 id="Obsolete_DOM_interfaces">Obsolete DOM interfaces</h3>
 
 <p>The Document Object Model has been highly simplified. To achieve this, the following interfaces present in the different DOM level 3 or earlier specifications have been removed. It is uncertain whether some may be reintroduced in the future or not, but for the time being they should be considered obsolete and should be avoided:</p>
 
-<div class="index">
 <ul>
  <li><code>DOMConfiguration</code></li>
  <li><code>DOMErrorHandler</code></li>
@@ -90,7 +87,6 @@ <h3 id="Obsolete_DOM_interfaces">Obsolete DOM interfaces</h3>
  <li><code>TypeInfo</code></li>
  <li><code>UserDataHandler</code></li>
 </ul>
-</div>
 
 <h2 id="HTML_DOM">HTML DOM</h2>
 
@@ -102,7 +98,6 @@ <h2 id="SVG_interfaces">SVG interfaces</h2>
 
 <h3 id="SVG_element_interfaces">SVG element interfaces</h3>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("SVGAElement")}}</li>
  <li>{{DOMxRef("SVGAltGlyphElement")}} {{Deprecated_Inline}}</li>
@@ -200,15 +195,13 @@ <h3 id="SVG_element_interfaces">SVG element interfaces</h3>
  <li>{{DOMxRef("SVGViewElement")}}</li>
  <li>{{DOMxRef("SVGVKernElement")}} {{Deprecated_Inline}}</li>
 </ul>
-</div>
 
 <h3 id="SVG_data_type_interfaces">SVG data type interfaces</h3>
 
 <p>Here are the DOM APIs for data types used in the definitions of SVG properties and attributes.</p>
 
 <h4 id="Static_type">Static type</h4>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("SVGAngle")}}</li>
  <li>{{DOMxRef("SVGColor")}} {{Deprecated_Inline}}</li>
@@ -251,11 +244,9 @@ <h4 id="Static_type">Static type</h4>
  <li>{{DOMxRef("SVGTransform")}}</li>
  <li>{{DOMxRef("SVGTransformList")}}</li>
 </ul>
-</div>
 
 <h4 id="Animated_type">Animated type</h4>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("SVGAnimatedAngle")}}</li>
  <li>{{DOMxRef("SVGAnimatedBoolean")}}</li>
@@ -272,20 +263,16 @@ <h4 id="Animated_type">Animated type</h4>
  <li>{{DOMxRef("SVGAnimatedString")}}</li>
  <li>{{DOMxRef("SVGAnimatedTransformList")}}</li>
 </ul>
-</div>
 
 <h3 id="SMIL-related_interfaces">SMIL-related interfaces</h3>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("ElementTimeControl")}}</li>
  <li>{{DOMxRef("TimeEvent")}}</li>
 </ul>
-</div>
 
 <h3 id="Other_SVG_interfaces">Other SVG interfaces</h3>
 
-<div class="index">
 <ul>
  <li>{{DOMxRef("GetSVGDocument")}}</li>
  <li>{{DOMxRef("ShadowAnimation")}}</li>
@@ -302,7 +289,6 @@ <h3 id="Other_SVG_interfaces">Other SVG interfaces</h3>
  <li>{{DOMxRef("SVGZoomAndPan")}}</li>
  <li>{{DOMxRef("SVGZoomEvent")}} {{Deprecated_Inline}}</li>
 </ul>
-</div>
 
 <h2 id="Specifications">Specifications</h2>
 

files/en-us/web/api/dragevent/dragevent/index.html

@@ -13,12 +13,12 @@
 
 <p>This constructor is used to create a synthetic {{domxref("DragEvent")}} object.</p>
 
-<p class="note">Although this interface has a constructor, it is not possible to create a
+<p>Although this interface has a constructor, it is not possible to create a
   useful {{domxref("DataTransfer")}} object from script, since {{domxref("DataTransfer")}}
   objects have a processing and security model that is coordinated by the browser during
   drag-and-drops.</p>
 
-<p class="note">This interface inherits properties from {{domxref("MouseEvent")}} and
+<p>This interface inherits properties from {{domxref("MouseEvent")}} and
   {{domxref("Event")}}.</p>
 
 <h2 id="Syntax">Syntax</h2>
@@ -42,7 +42,7 @@ <h3 id="Arguments">Arguments</h3>
   </dd>
 </dl>
 
-<p class="note">The <code>DragEventInit</code> dictionary inherits from the
+<p>The <code>DragEventInit</code> dictionary inherits from the
   {{domxref("MouseEvent.MouseEvent","MouseEventInit dictionary")}}.</p>
 
 <h2 id="Specifications">Specifications</h2>

files/en-us/web/api/dragevent/index.html

@@ -12,7 +12,7 @@
 
 <p>The <strong><code>DragEvent</code></strong> interface is a {{domxref("Event","DOM event")}} that represents a drag and drop interaction. The user initiates a drag by placing a pointer device (such as a mouse) on the touch surface and then dragging the pointer to a new location (such as another DOM element). Applications are free to interpret a drag and drop interaction in an application-specific way.</p>
 
-<p class="note">This interface inherits properties from {{domxref("MouseEvent")}} and {{domxref("Event")}}.</p>
+<p>This interface inherits properties from {{domxref("MouseEvent")}} and {{domxref("Event")}}.</p>
 
 <h2 id="Properties">Properties</h2>
 
@@ -23,7 +23,7 @@ <h2 id="Properties">Properties</h2>
 
 <h2 id="Constructors">Constructors</h2>
 
-<p class="note">Although this interface has a constructor, it is not possible to create a useful DataTransfer object from script, since {{domxref("DataTransfer")}} objects have a processing and security model that is coordinated by the browser during drag-and-drops.</p>
+<p>Although this interface has a constructor, it is not possible to create a useful DataTransfer object from script, since {{domxref("DataTransfer")}} objects have a processing and security model that is coordinated by the browser during drag-and-drops.</p>
 
 <dl>
  <dt>{{domxref("DragEvent.DragEvent", "DragEvent()")}}</dt>

files/en-us/web/api/element/getattributenodens/index.html

@@ -23,8 +23,6 @@ <h2 id="Syntax">Syntax</h2>
  <li><code>nodeName</code> is a string specifying the name of the attribute.</li>
 </ul>
 
-<p><span class="comment">== Example == TBD The example needs to be fixed pre&gt; // html: &lt;div id="top" /&gt; t = document.getElementById("top"); specialNode = t.getAttributeNodeNS( "<a href="https://www.mozilla.org/ns/specialspace">http://www.mozilla.org/ns/specialspace</a>", "id"); // iNode.value = "full-top" &lt;/pre</span></p>
-
 <h2 id="Notes">Notes</h2>
 
 <p><code>getAttributeNodeNS</code> is more specific than <a href="getAttributeNode">getAttributeNode</a> in that it allows you to specify attributes that are part of a particular namespace. The corresponding setter method is <a href="/en-US/docs/Web/API/Element/setAttributeNodeNS">setAttributeNodeNS</a>.</p>