Test pages
Here’s a list of pages that I’ve made to test various aspects of specifications.
- Block-level anchor tags tests out how browsers behave when
a
elements surround block-level elements, and when links are nested. Part of a conversation with Eric Meyer about his “Any-Element Linking Demo”. - CSS 3 image replacement uses the
content
property to replace text with an image with no extra mark-up. Opera and Safari style them differently. - HTML 5 elements shows that you can use new HTML 5 elements now, and style them with CSS—even in IE!
- Styling definiton lists laments that it seems impossible to style a
dl
to look like a table in a robust way. A change to the spec to allowdiv
to be a child ofdl
allows the desired effect, but is currently illegal. Even better would be a CSS mechanism to achieve this; as the HTML 5 FAQ says,“This is a styling problem and should be fixed in CSS. There’s no reason to add a grouping element to HTML, as the semantics are already unambiguous.”
. - Internet Explorer keyboard navigation test shows IE “losing” the destination of an in-page link, and so making the content inaccessible as documented by Gez Lemon. It’s related to the IE-only hasLayout property. Although the IE team say they are removing hasLayout from IE 8, this test shows that in beta 1, the test still fails.
:first-line pseudoelement test
shows that browsers “know” where they insert non-authorial line breaks. This could be used to allow the author to style such soft linebreaks (by right justificatoon of the continuation, or a “continued” image for example) to show that it’s non-authorial where the distinction matters, such as in code or poetry. (The use case is discussed in What I want from CSS 3, part 1.)