View Single Post
Old 11-08-2017, 06:56 AM   #13
jcsalomon
Zealot
jcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheesejcsalomon can extract oil from cheese
 
jcsalomon's Avatar
 
Posts: 98
Karma: 1204
Join Date: Jun 2012
Device: Bookari (née Mantano Reader) on Android; Kindle Fire HD
Quote:
Originally Posted by AlanHK View Post
Quote:
Originally Posted by Sella174 View Post
As an aside, for correctly structured HTML, your glossary should be in the form of a definition list (<dl>). I see that Kindle understands it.
Semantically, yes, and looks fine on a monitor, but on a portrait 6" screen not so great. It puts the term on its own line, and indents the definition, wasting a lot of space on a small page. There would be much less text per screen.
I care about how it looks, not how a hypothetical bot might parse it.
That’s where CSS comes in:
Code:
dt {
    float: left;
    clear: left;
    font-weight: bold;
}
dt:after {
    content: ". ";
}
Code:
<dl>
<dt id="boson">boson</dt><dd>All elementary particles can be classified as either bosons or <a href="#fermion">fermions</a>; etc., etc., etc.</dd>
<dt id="fermion">fermion</dt><dd>All elementary particles can be classified as either <a href="#boson">bosons</a> or fermions; etc., etc., etc.</dd>
</dl>
jcsalomon is offline   Reply With Quote