Manfred Preussig said:
I want to use this small windows appearing if mouse is on the keyword
and automatically disappearing if mouse is moved of or after a short
time delay.
Sounds like you want to use the title="..." attribute. You can use it on
almost any element, such as an <em> element, but mostly you would use the
<span> markup to have an element to which it can be attached. Note:
although <abbr> and <acronym> elements are often recommended for
abbreviations and acronyms, they should be used with great caution if at
all. (See
http://www.cs.tut.fi/~jkorpela/html/abbr.html )
I want to give some additional help on keywords I use at
my hp to explain them to people don't know what this keyword means
without (or only with low) annoying to people knowing this word's
meaning.
Well, that's what links are for, and they work much more reliably than
the title attribute. You can combine the two if you like:
<p>This requires one to four <a href="#octet" title=
"octet: a string of eight bits, an eight-bit byte. - -">octet</a>s.</p>
assuming you have somewhere on the page the attribute id="octet" on an
element that contains a more detailed explanation.
If you use the title attribute only, the question arises how the user can
know that some "tooltip" is available. (When you use links, the default
rendering of links suggests that additional information is available.)
It just occurred to me that you could try to inform about this using
<body title="You can get short descriptions of several terms on this page
by moving the cursor over a word.">
since the user would normally see that tooltip when not on an inner
element with a title attribute. Then again, this would sound odd on a
browser that supports the title attribute but not the same way as common
browsers.