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
aelements 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
contentproperty 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
dlto look like a table in a robust way. A change to the spec to allow
divto be a child of
dlallows 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 testshows 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.)