HTML5 compliancy: use data prefix for custom attributes

classes/text.class.php

@@ -828,7 +828,7 @@ class Text {
             if (isset($Exploded[1]) && (is_numeric($Exploded[1]) || (in_array($Exploded[1][0], array('a', 't', 'c', 'r')) && is_numeric(substr($Exploded[1], 1))))) {
               // the part after | is either a number or starts with a, t, c or r, followed by a number (forum post, artist comment, torrent comment, collage comment or request comment, respectively)
               $PostID = trim($Exploded[1]);
-              $Str .= '<a quote-jump="'.$PostID.'"><strong class="quoteheader">'.$Exploded[0].'</strong> wrote: </a>';
+              $Str .= '<a data-quote-jump="'.$PostID.'"><strong class="quoteheader">'.$Exploded[0].'</strong> wrote: </a>';
             }
             else {
               $Str .= '<strong class="quoteheader">'.$Exploded[0].'</strong> wrote: ';

classes/users.class.php

@@ -468,7 +468,7 @@ class Users {
 
   public static function make_class_abbrev_string($ClassID) {
     global $Classes;
-    return '<acronym title="'.$Classes[$ClassID]['Name'].'">'.$Classes[$ClassID]['Abbreviation'].'</acronym>';
+    return '<abbr title="'.$Classes[$ClassID]['Name'].'">'.$Classes[$ClassID]['Abbreviation'].'</abbr>';
   }
 
   /**

static/functions/comments.js

@@ -422,9 +422,9 @@ $(document).ready(function() {
 
   })
 })
-document.querySelectorAll('[quote-jump]').forEach(function(el) {
+document.querySelectorAll('[data-quote-jump]').forEach(function(el) {
   el.addEventListener('click', function(event) {
-    QuoteJump(event, el.attributes['quote-jump'].value)
+    QuoteJump(event, el.attributes['data-quote-jump'].value)
   })
 })
 

static/styles/global.css

@@ -111,7 +111,7 @@ div.collage_image {
   width: 20%;
 }
 
-[data-toggle-target], [quote-jump] {
+[data-toggle-target], [data-quote-jump] {
   cursor: pointer;
 }
 
@@ -143,6 +143,10 @@ button, input[type=button], input[type=submit] {
   border: none;
 }
 
+abbr[title] {
+  text-decoration: none;
+}
+
 .line_new {
   color: green;
 }