update to class

Author: SteveLLamb

doc/main.html

@@ -657,7 +657,7 @@ <h4>Prose section(s)</h4>
         <p>The <code>class</code> attribute of a <a>Prose section</a> shall not contain the <code>annex</code> class.</p>
 
         <p>
-          To label any <a>Prose section</a> or child of a <a>Prose section</a> as <code>(Informative)</code>, the attribute <code>data-informative="true"</code> shall be present. It is assumed that once any <a>Prose section</a> is labeled as <code>(Informative)</code> all subsequent child(ren) of the <a>Prose section</a> are informative, and do not require the label, and therefore shall not contain the attribute <code>data-informative="true"</code>.  
+          To label any <a>Prose section</a> or child of a <a>Prose section</a> as <code>(Informative)</code>, the <code>class</code> attribute value of <code>informative</code> shall be present. It is assumed that once any <a>Prose section</a> is labeled as <code>(Informative)</code> all subsequent child(ren) of the <a>Prose section</a> are informative, and do not require the label, and therefore shall not contain the <code>class</code> attribute value of <code>informative</code>.  
         </p>
 
         <p>A section heading element of the appropriate level shall be present, starting with level 2 (<code>h2</code>) for all
@@ -680,7 +680,7 @@ <h4>Prose section(s)</h4>
     &lt;p&gt;Some technical content&lt;/p&gt;
   &lt;/section&gt;
   &lt;/section&gt;
-  &lt;section id=&quot;sec-info-prose-sub-clause&quot; data-informative=&quot;true&quot;&gt;
+  &lt;section id=&quot;sec-info-prose-sub-clause&quot; class=&quot;informative&quot;&gt;
     &lt;h3&gt;Informative Prose Sub Clause&lt;/h3&gt;
     &lt;p&gt;Some informative content&lt;/p&gt;
   &lt;/section&gt;
@@ -701,11 +701,11 @@ <h4>Annex section(s)</h4>
         <p>An <a>Annex section</a> shall not contain nested <a>annex sections</a>.</p>
 
         <p>
-          To label any <a>Annex section</a> or child of a <a>Annex section</a> as <code>(Informative)</code>, the attribute <code>data-informative="true"</code> shall be present. It is assumed that once any <a>Annex section</a> is labeled as <code>(Informative)</code> all subsequent child(ren) of the <a>Annex section</a> are informative, and do not require the label, and therefore shall not contain the attribute <code>data-informative="true"</code>.  
+          To label any <a>Annex section</a> or child of a <a>Annex section</a> as <code>(Informative)</code>, the <code>class</code> attribute value of <code>informative</code> shall be present. It is assumed that once any <a>Annex section</a> is labeled as <code>(Informative)</code> all subsequent child(ren) of the <a>Annex section</a> are informative, and do not require the label, and therefore shall not contain the <code>class</code> attribute value of <code>informative</code>.  
         </p>
 
         <div class="example">
-<pre>&lt;section class=&quot;annex&quot; id=&quot;sec-addtional-info&quot; data-informative=&quot;true&quot;&gt;
+<pre>&lt;section class=&quot;annex informative&quot; id=&quot;sec-addtional-info&quot;&gt;
   &lt;h2&gt;Additional Info&lt;/h2&gt;
   &lt;section id=&quot;sec-additional-info-sub-section&quot;&gt;
     &lt;h3&gt;Additional Info Sub Section&lt;/h3&gt;
@@ -1490,7 +1490,7 @@ <h3>Git commit hooks</h3>
 
   </section>
 
-  <section class="annex" id="sec-table-examples" data-informative="true">
+  <section class="annex informative" id="sec-table-examples">
     <h2>Table Examples</h2>
     <section id="sec-table-alignment">
       <h3>Alignment</h3>
@@ -1834,7 +1834,7 @@ <h3>Complex Example</h3>
 
   </section>
 
-  <section class="annex" id="sec-list-examples" data-informative="true">
+  <section class="annex informative" id="sec-list-examples">
     <h2>List Examples</h2>
     <section id="sec-ordered-lists">
       <h3>Customizing Ordered Lists</h3>

smpte.js

@@ -918,7 +918,7 @@ function numberSections(element, curHeadingNumber) {
     }
 
     heading.insertBefore(headingLabel, heading.firstChild);
-    if (child.dataset.informative === "true") {
+    if (child.classList.contains("informative")) {
       heading.appendChild(document.createTextNode(" (Informative)"))
     } 
     numberSections(child, numText);

test/resources/html/validation/informative-invalid.html

@@ -1,20 +1,25 @@
 <!doctype html>
 <html>
-  <head itemscope="itemscope" itemtype="http://smpte.org/standards/documents">
+ <head itemscope="itemscope" itemtype="http://smpte.org/standards/documents">
     <meta charset="utf-8" />
     <meta http-equiv="x-ua-compatible" content="ie=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script type="module" src="../../../smpte.js"></script>
     <meta itemprop="test" content="valid" />
-    <meta itemprop="pubType" content="AG" />
-    <meta itemprop="pubNumber" content="99" />
+    <meta itemprop="pubType" content="ST" />
+    <meta itemprop="pubNumber" content="26" />
     <meta itemprop="pubState" content="draft" />
+    <meta itemprop="pubStage" content="WD" />
+    <meta itemprop="pubTC" content="XX" />
+    <meta itemprop="pubConfidential" content="yes" />
+    <meta itemprop="pubDateTime" content="2025-02-26" />
     <title>Title of the document</title>
   </head>
   <body>
     <section id="sec-scope">
       <p>This is the scope of the document.</p>
     </section>
-    <section id="sec-informative" data-informative="true">
+    <section id="sec-informative" class="informative">
       <h2>Second Section</h2>
 
       <p>This is the informative section.</p>