Title attribute tooltip test suite

This page tests web browser behavior for the HTML title attribute, a rather poorly and inconsistently supported feature considering its wide use and importance on the Web.

Most graphical web browsers display the contents of the title attribute as a "tooltip" — a simple out-of-flow box that appears when you hover your cursor over the element. All browsers should make the title information available in some form. This test will use an average tooltip-like box for demonstrations of proper behavior, although browsers are not required to match the specific box width, color, font, or other stylistic aspects of these examples. Excluding normal text wrapping in the examples, a web browser is required to break lines at the same places as in these examples and must not break anywhere else except where necessary for normal text wrapping. Text contents must be a character-by-character match (#4 has a minor exception due to technical limitations, as explained in the source HTML).

Each test is conducted by hovering your mouse cursor over the word "Test", or however your web browser activates the display of the title attribute contents. For a browser to pass a test, the displayed title attribute contents must match the preceding example display according to the rules in the above paragraph.

Here is a relevant section of the HTML 4.01 specification: Basic HTML Data Types: CDATA.


1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Test

2

"Foo — bar"     Foobar 123 Line break:
This should be on a separate line

Test

3

Foo bar baz

Test

4

Any way the wind       blows.

Test


This test page was created by David Hammond.

Return to Web Devout.