semantics - HTML/jQuery: Semantically tagging glossary-enabled terms in body copy -
all,
i'm working on adding glossary existing site. i'm planning set individual .html fragments individual definitions, use jquery tooltip plugin attached individual terms in copy pull .html fragment , render it.
this avoids having pre-load many definitions each page's html (i don't have server-side dynamic language @ disposal - long story - best way i've thought of this).
my initial thought use <dt>
tags around terms have definitions, , have jquery attach tooltip each term. markup remain clean , simple:
<p>lorem ipsum dolor <dt>amet</dt></p>
this nice because not using dt/dl/dd tags anywhere else on site, nor plan to.
is reasonable solution? or incorrect use <dt>
when not inside <dl>
?
that acceptable solution, although not technically valid html have, said, dt inside dl. if need valid html, use dfn tag.
Comments
Post a Comment