epub, html, db: use of elements & attributes, fix

fixed, four things used that XHTML does not have.
(search db sisudoc-spine-search-cgi results share styling)

(assisted by Claude-Code)

7 files changed, 259 insertions, 242 deletions

diff --git a/org/out_sqlite.org b/org/out_sqlite.org
index df9adbb..2895b72 100644
--- a/org/out_sqlite.org
+++ b/org/out_sqlite.org
@@ -81,10 +81,11 @@ long _metadata_tid_lastrowid;
 #+NAME: sqlite_schema
 #+HEADER: :noweb yes
 #+BEGIN_SRC d
-/+ ↓ sqlite db schema version, stamped into the db as PRAGMA user_version +/
-/+   bump whenever the table or index definitions in this module change, and +/
-/+   bump the matching expectation in sisudoc-spine-search-cgi +/
-enum sqlite_db_schema_version = 1;
+/+ ↓ sqlite db schema version, stamped into the db as PRAGMA user_version
+     bump whenever the table or index definitions in this module change, and
+     bump the matching expectation in sisudoc-spine-search-cgi
+ +/
+enum sqlite_db_schema_version = <<sqlite_collection_search_db_schema_version>>;
 /+ ↓ tally of failed sqlite statements, shared: sqlite output may run in parallel +/
 private shared int _sqlite_failure_tally = 0;
 /+ ↓ schema version mismatch is reported once per run, not once per document +/
@@ -725,7 +726,7 @@ string munge_html(M,O)(
       .replaceAll(rgx.inline_subscript,   "<sub>$1</sub>")
       .replaceAll(rgx.inline_strike,      "<del>$1</del>")
       .replaceAll(rgx.inline_insert,      "<ins>$1</ins>")
-      .replaceAll(rgx.inline_mono,        "<tt>$1</tt>")
+      .replaceAll(rgx.inline_mono,        "<code>$1</code>")
       .replaceAll(rgx.inline_cite,        "<cite>$1</cite>");
     return _txt;
   }
@@ -789,7 +790,7 @@ string html_font_face(string _txt){
     .replaceAll(rgx.inline_subscript,   "<sub>$1</sub>")
     .replaceAll(rgx.inline_strike,      "<del>$1</del>")
     .replaceAll(rgx.inline_insert,      "<ins>$1</ins>")
-    .replaceAll(rgx.inline_mono,        "<tt>$1</tt>")
+    .replaceAll(rgx.inline_mono,        "<code>$1</code>")
     .replaceAll(rgx.inline_cite,        "<cite>$1</cite>");
   return _txt;
 }
@@ -878,7 +879,7 @@ string inline_images(M,O)(
         rgx.inline_image,
         ("$1<img src=\""
           ~ _img_pth
-          ~ "$3\" width=\"$4\" height=\"$5\" naturalsizeflag=\"0\" align=\"bottom\" border=\"0\" /> $6"));
+          ~ "$3\" width=\"$4\" height=\"$5\" /> $6"));
   }
   return _txt;
 }
@@ -1124,7 +1125,7 @@ string html_para(M,O)(
   string _txt = munge_html(doc_matters, obj);
   _txt = (obj.attrib.bullet) ? ("●&#160;&#160;" ~ _txt) : _txt;
   _txt = inline_markup(doc_matters, obj, _txt);
-  string o = format(q"┃<p class="%s" indent="h%si%s">
+  string o = format(q"┃<p class="%s" data-indent="h%si%s">
     %s
   </p>┃",
       obj.metainfo.is_a,
@@ -2225,6 +2226,14 @@ VALUES (
 #+END_SRC
 
 * org includes
+
+* sqlite collection search db schema version
+
+#+NAME: sqlite_collection_search_db_schema_version
+#+BEGIN_SRC org
+<<./sisudoc_spine_version_info_and_doc_header_including_copyright_and_license.org:sqlite_collection_search_db_schema_version()>>
+#+END_SRC
+
 ** project version
 
 #+NAME: spine_version
diff --git a/org/out_xmls.org b/org/out_xmls.org
index 165cea2..dac590e 100644
--- a/org/out_xmls.org
+++ b/org/out_xmls.org
@@ -293,7 +293,7 @@ string font_face(string _txt) {
     .replaceAll(rgx.inline_subscript,   ("<sub>$1</sub>"))
     .replaceAll(rgx.inline_strike,      ("<del>$1</del>"))
     .replaceAll(rgx.inline_insert,      ("<ins>$1</ins>"))
-    .replaceAll(rgx.inline_mono,        ("<tt>$1</tt>"))
+    .replaceAll(rgx.inline_mono,        ("<code>$1</code>"))
     .replaceAll(rgx.inline_cite,        ("<cite>$1</cite>"));
   return _txt;
 }
@@ -696,7 +696,7 @@ string inline_images(O,M)(
       .replaceAll(rgx.inline_image,
         ("$1<img src=\""
           ~ _img_pth
-          ~ "$3\" width=\"$4\" height=\"$5\" naturalsizeflag=\"0\" align=\"bottom\" border=\"0\" /> $6"))
+          ~ "$3\" width=\"$4\" height=\"$5\" /> $6"))
       .replaceAll(
         rgx.inline_link_empty,
         ("$1"));
@@ -817,14 +817,14 @@ string inline_notes_scroll(O,M)(
     _txt = font_face(_txt);
     _txt = _txt.replaceAll(
       rgx.inline_notes_al_regular_number_note,
-      ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+      ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
     );
   }
   if (obj.has.inline_notes_star) {
     _txt = font_face(_txt);
     _txt = _txt.replaceAll(
       rgx.inline_notes_al_special_char_note,
-      ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+      ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
     );
   }
   debug(markup_endnotes) {
@@ -861,18 +861,18 @@ Tuple!(string, string[]) inline_notes_seg(O,M)(
         "<a href=\"#noteref_",
         m.captures[1],
         "\">",
-        "<note id=\"note_",
+        "<span class=\"note\" id=\"note_",
         m.captures[1],
         "\">&#160;<sup>",
         m.captures[1],
-        ".</sup></note></a>",
+        ".</sup></span></a>",
         m.captures[2],
         "</p>"
       );
     }
     _txt = _txt.replaceAll(
       rgx.inline_notes_al_special_char_note,
-      ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+      ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
     );
   }
   if (obj.has.inline_notes_reg) {
@@ -885,18 +885,18 @@ Tuple!(string, string[]) inline_notes_seg(O,M)(
         "<a href=\"#noteref_",
         m.captures[1],
         "\">",
-        "<note id=\"note_",
+        "<span class=\"note\" id=\"note_",
         m.captures[1],
         "\">&#160;<sup>",
         m.captures[1],
-        ".</sup></note></a>",
+        ".</sup></span></a>",
         m.captures[2],
         "</p>"
       );
     }
     _txt = _txt.replaceAll(
       rgx.inline_notes_al_regular_number_note,
-      ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+      ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
     );
   } else if (_txt.match(rgx.inline_notes_al_regular_number_note)) {
     debug(markup) {
@@ -978,7 +978,7 @@ string lev4_heading_subtoc(O,M)(
       text = font_face(text);
       auto link = m.captures[3].to!string;
       lev4_subtoc ~= subtoc.replaceFirst(rgx.inline_link_subtoc,
-        format(q"┃    <p class="minitoc" indent="h%si%s">
+        format(q"┃    <p class="minitoc" data-indent="h%si%s">
       ۰ <a href="%s">%s</a>
     </p>
 ┃",
@@ -1227,7 +1227,7 @@ string para(O,M)(
   if (!(obj.metainfo.identifier.empty)) {
     o = format(q"┃  <div class="substance">
   <label class="ocn"><a href="#%s" class="lnkocn">%s</a></label>
-  <p class="%s" indent="h%si%s" id="%s">%s
+  <p class="%s" data-indent="h%si%s" id="%s">%s
     %s
   </p>
 </div>┃",
@@ -1246,7 +1246,7 @@ string para(O,M)(
     );
   } else {
     o = format(q"┃  <div class="substance">
-  <p class="%s" indent="h%si%s">%s
+  <p class="%s" data-indent="h%si%s">%s
     %s
   </p>
 </div>┃",
diff --git a/org/out_xmls_css.org b/org/out_xmls_css.org
index 3a55def..4e17d1a 100644
--- a/org/out_xmls_css.org
+++ b/org/out_xmls_css.org
@@ -2103,403 +2103,403 @@ p.i7 { padding-left        : 7em; }
 p.i8 { padding-left        : 8em; }
 p.i9 { padding-left        : 9em; }
 /* hanging indent */
-p[indent="h0i0"] {
+p[data-indent="h0i0"] {
   padding-left             : 0em;
   text-indent              : 0em;
 }
-p[indent="h0i1"] {
+p[data-indent="h0i1"] {
   padding-left             : 1em;
   text-indent              : -1em;
 }
-p[indent="h0i2"] {
+p[data-indent="h0i2"] {
   padding-left             : 2em;
   text-indent              : -2em;
 }
-p[indent="h0i3"] {
+p[data-indent="h0i3"] {
   padding-left             : 3em;
   text-indent              : -3em;
 }
-p[indent="h0i4"] {
+p[data-indent="h0i4"] {
   padding-left             : 4em;
   text-indent              : -4em;
 }
-p[indent="h0i5"] {
+p[data-indent="h0i5"] {
   padding-left             : 5em;
   text-indent              : -5em;
 }
-p[indent="h0i6"] {
+p[data-indent="h0i6"] {
   padding-left             : 6em;
   text-indent              : -6em;
 }
-p[indent="h0i7"] {
+p[data-indent="h0i7"] {
   padding-left             : 7em;
   text-indent              : -7em;
 }
-p[indent="h0i8"] {
+p[data-indent="h0i8"] {
   padding-left             : 8em;
   text-indent              : -8em;
 }
-p[indent="h0i9"] {
+p[data-indent="h0i9"] {
   padding-left             : 9em;
   text-indent              : -9em;
 }
-p[indent="h1i0"] {
+p[data-indent="h1i0"] {
   padding-left             : 0em;
   text-indent              : 1em;
 }
-p[indent="h1i1"] {
+p[data-indent="h1i1"] {
   padding-left             : 1em;
   text-indent              : 0em;
 }
-p[indent="h1i2"] {
+p[data-indent="h1i2"] {
   padding-left             : 2em;
   text-indent              : -1em;
 }
-p[indent="h1i3"] {
+p[data-indent="h1i3"] {
   padding-left             : 3em;
   text-indent              : -2em;
 }
-p[indent="h1i4"] {
+p[data-indent="h1i4"] {
   padding-left             : 4em;
   text-indent              : -3em;
 }
-p[indent="h1i5"] {
+p[data-indent="h1i5"] {
   padding-left             : 5em;
   text-indent              : -4em;
 }
-p[indent="h1i6"] {
+p[data-indent="h1i6"] {
   padding-left             : 6em;
   text-indent              : -5em;
 }
-p[indent="h1i7"] {
+p[data-indent="h1i7"] {
   padding-left             : 7em;
   text-indent              : -6em;
 }
-p[indent="h1i8"] {
+p[data-indent="h1i8"] {
   padding-left             : 8em;
   text-indent              : -7em;
 }
-p[indent="h1i9"] {
+p[data-indent="h1i9"] {
   padding-left             : 9em;
   text-indent              : -8em;
 }
-p[indent="h2i0"] {
+p[data-indent="h2i0"] {
   padding-left             : 0em;
   text-indent              : 2em;
 }
-p[indent="h2i1"] {
+p[data-indent="h2i1"] {
   padding-left             : 1em;
   text-indent              : 1em;
 }
-p[indent="h2i2"] {
+p[data-indent="h2i2"] {
   padding-left             : 2em;
   text-indent              : 0em;
 }
-p[indent="h2i3"] {
+p[data-indent="h2i3"] {
   padding-left             : 3em;
   text-indent              : -1em;
 }
-p[indent="h2i4"] {
+p[data-indent="h2i4"] {
   padding-left             : 4em;
   text-indent              : -2em;
 }
-p[indent="h2i5"] {
+p[data-indent="h2i5"] {
   padding-left             : 5em;
   text-indent              : -3em;
 }
-p[indent="h2i6"] {
+p[data-indent="h2i6"] {
   padding-left             : 6em;
   text-indent              : -4em;
 }
-p[indent="h2i7"] {
+p[data-indent="h2i7"] {
   padding-left             : 7em;
   text-indent              : -5em;
 }
-p[indent="h2i8"] {
+p[data-indent="h2i8"] {
   padding-left             : 8em;
   text-indent              : -6em;
 }
-p[indent="h2i9"] {
+p[data-indent="h2i9"] {
   padding-left             : 9em;
   text-indent              : -7em;
 }
-p[indent="h3i0"] {
+p[data-indent="h3i0"] {
   padding-left             : 0em;
   text-indent              : 3em;
 }
-p[indent="h3i1"] {
+p[data-indent="h3i1"] {
   padding-left             : 1em;
   text-indent              : 2em;
 }
-p[indent="h3i2"] {
+p[data-indent="h3i2"] {
   padding-left             : 2em;
   text-indent              : 1em;
 }
-p[indent="h3i3"] {
+p[data-indent="h3i3"] {
   padding-left             : 3em;
   text-indent              : 0em;
 }
-p[indent="h3i4"] {
+p[data-indent="h3i4"] {
   padding-left             : 4em;
   text-indent              : -1em;
 }
-p[indent="h3i5"] {
+p[data-indent="h3i5"] {
   padding-left             : 5em;
   text-indent              : -2em;
 }
-p[indent="h3i6"] {
+p[data-indent="h3i6"] {
   padding-left             : 6em;
   text-indent              : -3em;
 }
-p[indent="h3i7"] {
+p[data-indent="h3i7"] {
   padding-left             : 7em;
   text-indent              : -4em;
 }
-p[indent="h3i8"] {
+p[data-indent="h3i8"] {
   padding-left             : 8em;
   text-indent              : -5em;
 }
-p[indent="h3i9"] {
+p[data-indent="h3i9"] {
   padding-left             : 9em;
   text-indent              : -6em;
 }
-p[indent="h4i0"] {
+p[data-indent="h4i0"] {
   padding-left             : 0em;
   text-indent              : 4em;
 }
-p[indent="h4i1"] {
+p[data-indent="h4i1"] {
   padding-left             : 1em;
   text-indent              : 3em;
 }
-p[indent="h4i2"] {
+p[data-indent="h4i2"] {
   padding-left             : 2em;
   text-indent              : 2em;
 }
-p[indent="h4i3"] {
+p[data-indent="h4i3"] {
   padding-left             : 3em;
   text-indent              : 1em;
 }
-p[indent="h4i4"] {
+p[data-indent="h4i4"] {
   padding-left             : 4em;
   text-indent              : 0em;
 }
-p[indent="h4i5"] {
+p[data-indent="h4i5"] {
   padding-left             : 5em;
   text-indent              : -1em;
 }
-p[indent="h4i6"] {
+p[data-indent="h4i6"] {
   padding-left             : 6em;
   text-indent              : -2em;
 }
-p[indent="h4i7"] {
+p[data-indent="h4i7"] {
   padding-left             : 7em;
   text-indent              : -3em;
 }
-p[indent="h4i8"] {
+p[data-indent="h4i8"] {
   padding-left             : 8em;
   text-indent              : -4em;
 }
-p[indent="h4i9"] {
+p[data-indent="h4i9"] {
   padding-left             : 9em;
   text-indent              : -5em;
 }
-p[indent="h5i0"] {
+p[data-indent="h5i0"] {
   padding-left             : 0em;
   text-indent              : 5em;
 }
-p[indent="h5i1"] {
+p[data-indent="h5i1"] {
   padding-left             : 1em;
   text-indent              : 4em;
 }
-p[indent="h5i2"] {
+p[data-indent="h5i2"] {
   padding-left             : 2em;
   text-indent              : 3em;
 }
-p[indent="h5i3"] {
+p[data-indent="h5i3"] {
   padding-left             : 3em;
   text-indent              : 2em;
 }
-p[indent="h5i4"] {
+p[data-indent="h5i4"] {
   padding-left             : 4em;
   text-indent              : 1em;
 }
-p[indent="h5i5"] {
+p[data-indent="h5i5"] {
   padding-left             : 5em;
   text-indent              : 0em;
 }
-p[indent="h5i6"] {
+p[data-indent="h5i6"] {
   padding-left             : 6em;
   text-indent              : -1em;
 }
-p[indent="h5i7"] {
+p[data-indent="h5i7"] {
   padding-left             : 7em;
   text-indent              : -2em;
 }
-p[indent="h5i8"] {
+p[data-indent="h5i8"] {
   padding-left             : 8em;
   text-indent              : -3em;
 }
-p[indent="h5i9"] {
+p[data-indent="h5i9"] {
   padding-left             : 9em;
   text-indent              : -4em;
 }
-p[indent="h6i0"] {
+p[data-indent="h6i0"] {
   padding-left             : 0em;
   text-indent              : 6em;
 }
-p[indent="h6i1"] {
+p[data-indent="h6i1"] {
   padding-left             : 1em;
   text-indent              : 5em;
 }
-p[indent="h6i2"] {
+p[data-indent="h6i2"] {
   padding-left             : 2em;
   text-indent              : 4em;
 }
-p[indent="h6i3"] {
+p[data-indent="h6i3"] {
   padding-left             : 3em;
   text-indent              : 3em;
 }
-p[indent="h6i4"] {
+p[data-indent="h6i4"] {
   padding-left             : 4em;
   text-indent              : 2em;
 }
-p[indent="h6i5"] {
+p[data-indent="h6i5"] {
   padding-left             : 5em;
   text-indent              : 1em;
 }
-p[indent="h6i6"] {
+p[data-indent="h6i6"] {
   padding-left             : 6em;
   text-indent              : 0em;
 }
-p[indent="h6i7"] {
+p[data-indent="h6i7"] {
   padding-left             : 7em;
   text-indent              : -1em;
 }
-p[indent="h6i8"] {
+p[data-indent="h6i8"] {
   padding-left             : 8em;
   text-indent              : -2em;
 }
-p[indent="h6i9"] {
+p[data-indent="h6i9"] {
   padding-left             : 9em;
   text-indent              : -3em;
 }
-p[indent="h7i0"] {
+p[data-indent="h7i0"] {
   padding-left             : 0em;
   text-indent              : 7em;
 }
-p[indent="h7i1"] {
+p[data-indent="h7i1"] {
   padding-left             : 1em;
   text-indent              : 6em;
 }
-p[indent="h7i2"] {
+p[data-indent="h7i2"] {
   padding-left             : 2em;
   text-indent              : 5em;
 }
-p[indent="h7i3"] {
+p[data-indent="h7i3"] {
   padding-left             : 3em;
   text-indent              : 4em;
 }
-p[indent="h7i4"] {
+p[data-indent="h7i4"] {
   padding-left             : 4em;
   text-indent              : 3em;
 }
-p[indent="h7i5"] {
+p[data-indent="h7i5"] {
   padding-left             : 5em;
   text-indent              : 2em;
 }
-p[indent="h7i6"] {
+p[data-indent="h7i6"] {
   padding-left             : 6em;
   text-indent              : 1em;
 }
-p[indent="h7i7"] {
+p[data-indent="h7i7"] {
   padding-left             : 7em;
   text-indent              : 0em;
 }
-p[indent="h7i8"] {
+p[data-indent="h7i8"] {
   padding-left             : 8em;
   text-indent              : -1em;
 }
-p[indent="h7i9"] {
+p[data-indent="h7i9"] {
   padding-left             : 9em;
   text-indent              : -2em;
 }
-p[indent="h8i0"] {
+p[data-indent="h8i0"] {
   padding-left             : 0em;
   text-indent              : 8em;
 }
-p[indent="h8i1"] {
+p[data-indent="h8i1"] {
   padding-left             : 1em;
   text-indent              : 7em;
 }
-p[indent="h8i2"] {
+p[data-indent="h8i2"] {
   padding-left             : 2em;
   text-indent              : 6em;
 }
-p[indent="h8i3"] {
+p[data-indent="h8i3"] {
   padding-left             : 3em;
   text-indent              : 5em;
 }
-p[indent="h8i4"] {
+p[data-indent="h8i4"] {
   padding-left             : 4em;
   text-indent              : 4em;
 }
-p[indent="h8i5"] {
+p[data-indent="h8i5"] {
   padding-left             : 5em;
   text-indent              : 3em;
 }
-p[indent="h8i6"] {
+p[data-indent="h8i6"] {
   padding-left             : 6em;
   text-indent              : 2em;
 }
-p[indent="h8i7"] {
+p[data-indent="h8i7"] {
   padding-left             : 7em;
   text-indent              : 1em;
 }
-p[indent="h8i8"] {
+p[data-indent="h8i8"] {
   padding-left             : 8em;
   text-indent              : 0em;
 }
-p[indent="h8i9"] {
+p[data-indent="h8i9"] {
   padding-left             : 9em;
   text-indent              : -1em;
 }
-p[indent="h9i0"] {
+p[data-indent="h9i0"] {
   padding-left             : 0em;
   text-indent              : 9em;
 }
-p[indent="h9i1"] {
+p[data-indent="h9i1"] {
   padding-left             : 1em;
   text-indent              : 8em;
 }
-p[indent="h9i2"] {
+p[data-indent="h9i2"] {
   padding-left             : 2em;
   text-indent              : 7em;
 }
-p[indent="h9i3"] {
+p[data-indent="h9i3"] {
   padding-left             : 3em;
   text-indent              : 6em;
 }
-p[indent="h9i4"] {
+p[data-indent="h9i4"] {
   padding-left             : 4em;
   text-indent              : 5em;
 }
-p[indent="h9i5"] {
+p[data-indent="h9i5"] {
   padding-left             : 5em;
   text-indent              : 4em;
 }
-p[indent="h9i6"] {
+p[data-indent="h9i6"] {
   padding-left             : 6em;
   text-indent              : 3em;
 }
-p[indent="h9i7"] {
+p[data-indent="h9i7"] {
   padding-left             : 7em;
   text-indent              : 2em;
 }
-p[indent="h9i8"] {
+p[data-indent="h9i8"] {
   padding-left             : 8em;
   text-indent              : 1em;
 }
-p[indent="h9i9"] {
+p[data-indent="h9i9"] {
   padding-left             : 9em;
   text-indent              : 0em;
 }
diff --git a/org/sisudoc_spine_version_info_and_doc_header_including_copyright_and_license.org b/org/sisudoc_spine_version_info_and_doc_header_including_copyright_and_license.org
index aa630d5..4e5b2f2 100644
--- a/org/sisudoc_spine_version_info_and_doc_header_including_copyright_and_license.org
+++ b/org/sisudoc_spine_version_info_and_doc_header_including_copyright_and_license.org
@@ -138,7 +138,7 @@ git://git.sisudoc.org/package/dlang-nix-overlays-and-flake
 git+file:///home/ralph/grotto/repo/git.repo/projects/doc-reform/packages/nix-flakes/dlang/dlang-nix-flakes"
 #+END_SRC
 
-* ocda ssp_version_format
+* ocda ssp version format
 
 #+NAME: ocda_ssp_format_version
 #+BEGIN_SRC org
@@ -158,3 +158,10 @@ git+file:///home/ralph/grotto/repo/git.repo/projects/doc-reform/packages/nix-fla
 #+BEGIN_SRC org
 1
 #+END_SRC
+
+* sqlite collection search db schema version
+
+#+NAME: sqlite_collection_search_db_schema_version
+#+BEGIN_SRC org
+1
+#+END_SRC
diff --git a/src/sisudoc/outputs/io_out/sqlite_collection_db.d b/src/sisudoc/outputs/io_out/sqlite_collection_db.d
index 727c844..d5b2dcf 100644
--- a/src/sisudoc/outputs/io_out/sqlite_collection_db.d
+++ b/src/sisudoc/outputs/io_out/sqlite_collection_db.d
@@ -64,9 +64,10 @@ static auto rgx = RgxO();
 static auto rgx_xhtml = RgxXHTML();
 static auto mkup = InlineMarkup();
 long _metadata_tid_lastrowid;
-/+ ↓ sqlite db schema version, stamped into the db as PRAGMA user_version +/
-/+   bump whenever the table or index definitions in this module change, and +/
-/+   bump the matching expectation in sisudoc-spine-search-cgi +/
+/+ ↓ sqlite db schema version, stamped into the db as PRAGMA user_version
+     bump whenever the table or index definitions in this module change, and
+     bump the matching expectation in sisudoc-spine-search-cgi
+ +/
 enum sqlite_db_schema_version = 1;
 /+ ↓ tally of failed sqlite statements, shared: sqlite output may run in parallel +/
 private shared int _sqlite_failure_tally = 0;
@@ -368,7 +369,7 @@ template SQLiteFormatAndLoadObject() {
             .replaceAll(rgx.inline_subscript,   "<sub>$1</sub>")
             .replaceAll(rgx.inline_strike,      "<del>$1</del>")
             .replaceAll(rgx.inline_insert,      "<ins>$1</ins>")
-            .replaceAll(rgx.inline_mono,        "<tt>$1</tt>")
+            .replaceAll(rgx.inline_mono,        "<code>$1</code>")
             .replaceAll(rgx.inline_cite,        "<cite>$1</cite>");
           return _txt;
         }
@@ -414,7 +415,7 @@ template SQLiteFormatAndLoadObject() {
           .replaceAll(rgx.inline_subscript,   "<sub>$1</sub>")
           .replaceAll(rgx.inline_strike,      "<del>$1</del>")
           .replaceAll(rgx.inline_insert,      "<ins>$1</ins>")
-          .replaceAll(rgx.inline_mono,        "<tt>$1</tt>")
+          .replaceAll(rgx.inline_mono,        "<code>$1</code>")
           .replaceAll(rgx.inline_cite,        "<cite>$1</cite>");
         return _txt;
       }
@@ -490,7 +491,7 @@ template SQLiteFormatAndLoadObject() {
               rgx.inline_image,
               ("$1<img src=\""
                 ~ _img_pth
-                ~ "$3\" width=\"$4\" height=\"$5\" naturalsizeflag=\"0\" align=\"bottom\" border=\"0\" /> $6"));
+                ~ "$3\" width=\"$4\" height=\"$5\" /> $6"));
         }
         return _txt;
       }
@@ -681,7 +682,7 @@ template SQLiteFormatAndLoadObject() {
         string _txt = munge_html(doc_matters, obj);
         _txt = (obj.attrib.bullet) ? ("●&#160;&#160;" ~ _txt) : _txt;
         _txt = inline_markup(doc_matters, obj, _txt);
-        string o = format(q"┃<p class="%s" indent="h%si%s">
+        string o = format(q"┃<p class="%s" data-indent="h%si%s">
           %s
         </p>┃",
             obj.metainfo.is_a,
diff --git a/src/sisudoc/outputs/io_out/xmls.d b/src/sisudoc/outputs/io_out/xmls.d
index 4cc4599..3f7f4c9 100644
--- a/src/sisudoc/outputs/io_out/xmls.d
+++ b/src/sisudoc/outputs/io_out/xmls.d
@@ -201,7 +201,7 @@ template outputXHTMLs() {
         .replaceAll(rgx.inline_subscript,   ("<sub>$1</sub>"))
         .replaceAll(rgx.inline_strike,      ("<del>$1</del>"))
         .replaceAll(rgx.inline_insert,      ("<ins>$1</ins>"))
-        .replaceAll(rgx.inline_mono,        ("<tt>$1</tt>"))
+        .replaceAll(rgx.inline_mono,        ("<code>$1</code>"))
         .replaceAll(rgx.inline_cite,        ("<cite>$1</cite>"));
       return _txt;
     }
@@ -545,7 +545,7 @@ string tail(M)(M doc_matters) {
           .replaceAll(rgx.inline_image,
             ("$1<img src=\""
               ~ _img_pth
-              ~ "$3\" width=\"$4\" height=\"$5\" naturalsizeflag=\"0\" align=\"bottom\" border=\"0\" /> $6"))
+              ~ "$3\" width=\"$4\" height=\"$5\" /> $6"))
           .replaceAll(
             rgx.inline_link_empty,
             ("$1"));
@@ -652,14 +652,14 @@ string tail(M)(M doc_matters) {
         _txt = font_face(_txt);
         _txt = _txt.replaceAll(
           rgx.inline_notes_al_regular_number_note,
-          ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+          ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
         );
       }
       if (obj.has.inline_notes_star) {
         _txt = font_face(_txt);
         _txt = _txt.replaceAll(
           rgx.inline_notes_al_special_char_note,
-          ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+          ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
         );
       }
       debug(markup_endnotes) {
@@ -690,18 +690,18 @@ string tail(M)(M doc_matters) {
             "<a href=\"#noteref_",
             m.captures[1],
             "\">",
-            "<note id=\"note_",
+            "<span class=\"note\" id=\"note_",
             m.captures[1],
             "\">&#160;<sup>",
             m.captures[1],
-            ".</sup></note></a>",
+            ".</sup></span></a>",
             m.captures[2],
             "</p>"
           );
         }
         _txt = _txt.replaceAll(
           rgx.inline_notes_al_special_char_note,
-          ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+          ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
         );
       }
       if (obj.has.inline_notes_reg) {
@@ -714,18 +714,18 @@ string tail(M)(M doc_matters) {
             "<a href=\"#noteref_",
             m.captures[1],
             "\">",
-            "<note id=\"note_",
+            "<span class=\"note\" id=\"note_",
             m.captures[1],
             "\">&#160;<sup>",
             m.captures[1],
-            ".</sup></note></a>",
+            ".</sup></span></a>",
             m.captures[2],
             "</p>"
           );
         }
         _txt = _txt.replaceAll(
           rgx.inline_notes_al_regular_number_note,
-          ("<a href=\"#note_$1\"><note id=\"noteref_$1\">&#160;<sup>$1</sup> </note></a>")
+          ("<a href=\"#note_$1\"><span class=\"noteref\" id=\"noteref_$1\">&#160;<sup>$1</sup> </span></a>")
         );
       } else if (_txt.match(rgx.inline_notes_al_regular_number_note)) {
         debug(markup) {
@@ -787,7 +787,7 @@ string tail(M)(M doc_matters) {
           text = font_face(text);
           auto link = m.captures[3].to!string;
           lev4_subtoc ~= subtoc.replaceFirst(rgx.inline_link_subtoc,
-            format(q"┃    <p class="minitoc" indent="h%si%s">
+            format(q"┃    <p class="minitoc" data-indent="h%si%s">
           ۰ <a href="%s">%s</a>
         </p>
     ┃",
@@ -1004,7 +1004,7 @@ string tail(M)(M doc_matters) {
       if (!(obj.metainfo.identifier.empty)) {
         o = format(q"┃  <div class="substance">
       <label class="ocn"><a href="#%s" class="lnkocn">%s</a></label>
-      <p class="%s" indent="h%si%s" id="%s">%s
+      <p class="%s" data-indent="h%si%s" id="%s">%s
         %s
       </p>
     </div>┃",
@@ -1023,7 +1023,7 @@ string tail(M)(M doc_matters) {
         );
       } else {
         o = format(q"┃  <div class="substance">
-      <p class="%s" indent="h%si%s">%s
+      <p class="%s" data-indent="h%si%s">%s
         %s
       </p>
     </div>┃",
diff --git a/src/sisudoc/outputs/io_out/xmls_css.d b/src/sisudoc/outputs/io_out/xmls_css.d
index 655b236..21f9f59 100644
--- a/src/sisudoc/outputs/io_out/xmls_css.d
+++ b/src/sisudoc/outputs/io_out/xmls_css.d
@@ -68,403 +68,403 @@ p.i7 { padding-left        : 7em; }
 p.i8 { padding-left        : 8em; }
 p.i9 { padding-left        : 9em; }
 /* hanging indent */
-p[indent="h0i0"] {
+p[data-indent="h0i0"] {
   padding-left             : 0em;
   text-indent              : 0em;
 }
-p[indent="h0i1"] {
+p[data-indent="h0i1"] {
   padding-left             : 1em;
   text-indent              : -1em;
 }
-p[indent="h0i2"] {
+p[data-indent="h0i2"] {
   padding-left             : 2em;
   text-indent              : -2em;
 }
-p[indent="h0i3"] {
+p[data-indent="h0i3"] {
   padding-left             : 3em;
   text-indent              : -3em;
 }
-p[indent="h0i4"] {
+p[data-indent="h0i4"] {
   padding-left             : 4em;
   text-indent              : -4em;
 }
-p[indent="h0i5"] {
+p[data-indent="h0i5"] {
   padding-left             : 5em;
   text-indent              : -5em;
 }
-p[indent="h0i6"] {
+p[data-indent="h0i6"] {
   padding-left             : 6em;
   text-indent              : -6em;
 }
-p[indent="h0i7"] {
+p[data-indent="h0i7"] {
   padding-left             : 7em;
   text-indent              : -7em;
 }
-p[indent="h0i8"] {
+p[data-indent="h0i8"] {
   padding-left             : 8em;
   text-indent              : -8em;
 }
-p[indent="h0i9"] {
+p[data-indent="h0i9"] {
   padding-left             : 9em;
   text-indent              : -9em;
 }
-p[indent="h1i0"] {
+p[data-indent="h1i0"] {
   padding-left             : 0em;
   text-indent              : 1em;
 }
-p[indent="h1i1"] {
+p[data-indent="h1i1"] {
   padding-left             : 1em;
   text-indent              : 0em;
 }
-p[indent="h1i2"] {
+p[data-indent="h1i2"] {
   padding-left             : 2em;
   text-indent              : -1em;
 }
-p[indent="h1i3"] {
+p[data-indent="h1i3"] {
   padding-left             : 3em;
   text-indent              : -2em;
 }
-p[indent="h1i4"] {
+p[data-indent="h1i4"] {
   padding-left             : 4em;
   text-indent              : -3em;
 }
-p[indent="h1i5"] {
+p[data-indent="h1i5"] {
   padding-left             : 5em;
   text-indent              : -4em;
 }
-p[indent="h1i6"] {
+p[data-indent="h1i6"] {
   padding-left             : 6em;
   text-indent              : -5em;
 }
-p[indent="h1i7"] {
+p[data-indent="h1i7"] {
   padding-left             : 7em;
   text-indent              : -6em;
 }
-p[indent="h1i8"] {
+p[data-indent="h1i8"] {
   padding-left             : 8em;
   text-indent              : -7em;
 }
-p[indent="h1i9"] {
+p[data-indent="h1i9"] {
   padding-left             : 9em;
   text-indent              : -8em;
 }
-p[indent="h2i0"] {
+p[data-indent="h2i0"] {
   padding-left             : 0em;
   text-indent              : 2em;
 }
-p[indent="h2i1"] {
+p[data-indent="h2i1"] {
   padding-left             : 1em;
   text-indent              : 1em;
 }
-p[indent="h2i2"] {
+p[data-indent="h2i2"] {
   padding-left             : 2em;
   text-indent              : 0em;
 }
-p[indent="h2i3"] {
+p[data-indent="h2i3"] {
   padding-left             : 3em;
   text-indent              : -1em;
 }
-p[indent="h2i4"] {
+p[data-indent="h2i4"] {
   padding-left             : 4em;
   text-indent              : -2em;
 }
-p[indent="h2i5"] {
+p[data-indent="h2i5"] {
   padding-left             : 5em;
   text-indent              : -3em;
 }
-p[indent="h2i6"] {
+p[data-indent="h2i6"] {
   padding-left             : 6em;
   text-indent              : -4em;
 }
-p[indent="h2i7"] {
+p[data-indent="h2i7"] {
   padding-left             : 7em;
   text-indent              : -5em;
 }
-p[indent="h2i8"] {
+p[data-indent="h2i8"] {
   padding-left             : 8em;
   text-indent              : -6em;
 }
-p[indent="h2i9"] {
+p[data-indent="h2i9"] {
   padding-left             : 9em;
   text-indent              : -7em;
 }
-p[indent="h3i0"] {
+p[data-indent="h3i0"] {
   padding-left             : 0em;
   text-indent              : 3em;
 }
-p[indent="h3i1"] {
+p[data-indent="h3i1"] {
   padding-left             : 1em;
   text-indent              : 2em;
 }
-p[indent="h3i2"] {
+p[data-indent="h3i2"] {
   padding-left             : 2em;
   text-indent              : 1em;
 }
-p[indent="h3i3"] {
+p[data-indent="h3i3"] {
   padding-left             : 3em;
   text-indent              : 0em;
 }
-p[indent="h3i4"] {
+p[data-indent="h3i4"] {
   padding-left             : 4em;
   text-indent              : -1em;
 }
-p[indent="h3i5"] {
+p[data-indent="h3i5"] {
   padding-left             : 5em;
   text-indent              : -2em;
 }
-p[indent="h3i6"] {
+p[data-indent="h3i6"] {
   padding-left             : 6em;
   text-indent              : -3em;
 }
-p[indent="h3i7"] {
+p[data-indent="h3i7"] {
   padding-left             : 7em;
   text-indent              : -4em;
 }
-p[indent="h3i8"] {
+p[data-indent="h3i8"] {
   padding-left             : 8em;
   text-indent              : -5em;
 }
-p[indent="h3i9"] {
+p[data-indent="h3i9"] {
   padding-left             : 9em;
   text-indent              : -6em;
 }
-p[indent="h4i0"] {
+p[data-indent="h4i0"] {
   padding-left             : 0em;
   text-indent              : 4em;
 }
-p[indent="h4i1"] {
+p[data-indent="h4i1"] {
   padding-left             : 1em;
   text-indent              : 3em;
 }
-p[indent="h4i2"] {
+p[data-indent="h4i2"] {
   padding-left             : 2em;
   text-indent              : 2em;
 }
-p[indent="h4i3"] {
+p[data-indent="h4i3"] {
   padding-left             : 3em;
   text-indent              : 1em;
 }
-p[indent="h4i4"] {
+p[data-indent="h4i4"] {
   padding-left             : 4em;
   text-indent              : 0em;
 }
-p[indent="h4i5"] {
+p[data-indent="h4i5"] {
   padding-left             : 5em;
   text-indent              : -1em;
 }
-p[indent="h4i6"] {
+p[data-indent="h4i6"] {
   padding-left             : 6em;
   text-indent              : -2em;
 }
-p[indent="h4i7"] {
+p[data-indent="h4i7"] {
   padding-left             : 7em;
   text-indent              : -3em;
 }
-p[indent="h4i8"] {
+p[data-indent="h4i8"] {
   padding-left             : 8em;
   text-indent              : -4em;
 }
-p[indent="h4i9"] {
+p[data-indent="h4i9"] {
   padding-left             : 9em;
   text-indent              : -5em;
 }
-p[indent="h5i0"] {
+p[data-indent="h5i0"] {
   padding-left             : 0em;
   text-indent              : 5em;
 }
-p[indent="h5i1"] {
+p[data-indent="h5i1"] {
   padding-left             : 1em;
   text-indent              : 4em;
 }
-p[indent="h5i2"] {
+p[data-indent="h5i2"] {
   padding-left             : 2em;
   text-indent              : 3em;
 }
-p[indent="h5i3"] {
+p[data-indent="h5i3"] {
   padding-left             : 3em;
   text-indent              : 2em;
 }
-p[indent="h5i4"] {
+p[data-indent="h5i4"] {
   padding-left             : 4em;
   text-indent              : 1em;
 }
-p[indent="h5i5"] {
+p[data-indent="h5i5"] {
   padding-left             : 5em;
   text-indent              : 0em;
 }
-p[indent="h5i6"] {
+p[data-indent="h5i6"] {
   padding-left             : 6em;
   text-indent              : -1em;
 }
-p[indent="h5i7"] {
+p[data-indent="h5i7"] {
   padding-left             : 7em;
   text-indent              : -2em;
 }
-p[indent="h5i8"] {
+p[data-indent="h5i8"] {
   padding-left             : 8em;
   text-indent              : -3em;
 }
-p[indent="h5i9"] {
+p[data-indent="h5i9"] {
   padding-left             : 9em;
   text-indent              : -4em;
 }
-p[indent="h6i0"] {
+p[data-indent="h6i0"] {
   padding-left             : 0em;
   text-indent              : 6em;
 }
-p[indent="h6i1"] {
+p[data-indent="h6i1"] {
   padding-left             : 1em;
   text-indent              : 5em;
 }
-p[indent="h6i2"] {
+p[data-indent="h6i2"] {
   padding-left             : 2em;
   text-indent              : 4em;
 }
-p[indent="h6i3"] {
+p[data-indent="h6i3"] {
   padding-left             : 3em;
   text-indent              : 3em;
 }
-p[indent="h6i4"] {
+p[data-indent="h6i4"] {
   padding-left             : 4em;
   text-indent              : 2em;
 }
-p[indent="h6i5"] {
+p[data-indent="h6i5"] {
   padding-left             : 5em;
   text-indent              : 1em;
 }
-p[indent="h6i6"] {
+p[data-indent="h6i6"] {
   padding-left             : 6em;
   text-indent              : 0em;
 }
-p[indent="h6i7"] {
+p[data-indent="h6i7"] {
   padding-left             : 7em;
   text-indent              : -1em;
 }
-p[indent="h6i8"] {
+p[data-indent="h6i8"] {
   padding-left             : 8em;
   text-indent              : -2em;
 }
-p[indent="h6i9"] {
+p[data-indent="h6i9"] {
   padding-left             : 9em;
   text-indent              : -3em;
 }
-p[indent="h7i0"] {
+p[data-indent="h7i0"] {
   padding-left             : 0em;
   text-indent              : 7em;
 }
-p[indent="h7i1"] {
+p[data-indent="h7i1"] {
   padding-left             : 1em;
   text-indent              : 6em;
 }
-p[indent="h7i2"] {
+p[data-indent="h7i2"] {
   padding-left             : 2em;
   text-indent              : 5em;
 }
-p[indent="h7i3"] {
+p[data-indent="h7i3"] {
   padding-left             : 3em;
   text-indent              : 4em;
 }
-p[indent="h7i4"] {
+p[data-indent="h7i4"] {
   padding-left             : 4em;
   text-indent              : 3em;
 }
-p[indent="h7i5"] {
+p[data-indent="h7i5"] {
   padding-left             : 5em;
   text-indent              : 2em;
 }
-p[indent="h7i6"] {
+p[data-indent="h7i6"] {
   padding-left             : 6em;
   text-indent              : 1em;
 }
-p[indent="h7i7"] {
+p[data-indent="h7i7"] {
   padding-left             : 7em;
   text-indent              : 0em;
 }
-p[indent="h7i8"] {
+p[data-indent="h7i8"] {
   padding-left             : 8em;
   text-indent              : -1em;
 }
-p[indent="h7i9"] {
+p[data-indent="h7i9"] {
   padding-left             : 9em;
   text-indent              : -2em;
 }
-p[indent="h8i0"] {
+p[data-indent="h8i0"] {
   padding-left             : 0em;
   text-indent              : 8em;
 }
-p[indent="h8i1"] {
+p[data-indent="h8i1"] {
   padding-left             : 1em;
   text-indent              : 7em;
 }
-p[indent="h8i2"] {
+p[data-indent="h8i2"] {
   padding-left             : 2em;
   text-indent              : 6em;
 }
-p[indent="h8i3"] {
+p[data-indent="h8i3"] {
   padding-left             : 3em;
   text-indent              : 5em;
 }
-p[indent="h8i4"] {
+p[data-indent="h8i4"] {
   padding-left             : 4em;
   text-indent              : 4em;
 }
-p[indent="h8i5"] {
+p[data-indent="h8i5"] {
   padding-left             : 5em;
   text-indent              : 3em;
 }
-p[indent="h8i6"] {
+p[data-indent="h8i6"] {
   padding-left             : 6em;
   text-indent              : 2em;
 }
-p[indent="h8i7"] {
+p[data-indent="h8i7"] {
   padding-left             : 7em;
   text-indent              : 1em;
 }
-p[indent="h8i8"] {
+p[data-indent="h8i8"] {
   padding-left             : 8em;
   text-indent              : 0em;
 }
-p[indent="h8i9"] {
+p[data-indent="h8i9"] {
   padding-left             : 9em;
   text-indent              : -1em;
 }
-p[indent="h9i0"] {
+p[data-indent="h9i0"] {
   padding-left             : 0em;
   text-indent              : 9em;
 }
-p[indent="h9i1"] {
+p[data-indent="h9i1"] {
   padding-left             : 1em;
   text-indent              : 8em;
 }
-p[indent="h9i2"] {
+p[data-indent="h9i2"] {
   padding-left             : 2em;
   text-indent              : 7em;
 }
-p[indent="h9i3"] {
+p[data-indent="h9i3"] {
   padding-left             : 3em;
   text-indent              : 6em;
 }
-p[indent="h9i4"] {
+p[data-indent="h9i4"] {
   padding-left             : 4em;
   text-indent              : 5em;
 }
-p[indent="h9i5"] {
+p[data-indent="h9i5"] {
   padding-left             : 5em;
   text-indent              : 4em;
 }
-p[indent="h9i6"] {
+p[data-indent="h9i6"] {
   padding-left             : 6em;
   text-indent              : 3em;
 }
-p[indent="h9i7"] {
+p[data-indent="h9i7"] {
   padding-left             : 7em;
   text-indent              : 2em;
 }
-p[indent="h9i8"] {
+p[data-indent="h9i8"] {
   padding-left             : 8em;
   text-indent              : 1em;
 }
-p[indent="h9i9"] {
+p[data-indent="h9i9"] {
   padding-left             : 9em;
   text-indent              : 0em;
 }