fiks-html5

Fixes the display and behavior of browsers when served HTML 5

Fiks.html5

Please note: HTML 5 is still in development and syntax may change at any time. Therefore this script may change behavior at any time to reflect changes in the specification and break older pages. After HTML 5 reaches CR, I will introduce branching into the script, where major changes will require a new version. Use at your own risk.

Fiks.html5 is a script that emulates some HTML 5 support in current browsers.

The name originally consisted of the first letter of every current browser (Firefox, Internet Explorer, Konqueror, and Safari) that the script targeted. Opera and Chrome were not originally included because Opera did not need any fixing to "recognize" new elements, and Chrome wasn't out yet.

Current features

  • Forces "recognition" of new elements in HTML 5
  • Gives new elements (except replaced elements) recommended styling
  • Makes <details> render and work correctly (a bit of additional markup is required)

Currently supported browsers

  • Opera 9-11 (lower versions not tested)
  • Firefox 3
  • Safari 3+ (currently broken. I need to add the class hack back)
  • Chrome 2+ (currently broken. I need to add the class hack back)
  • Konqueror 4
  • IE 8
  • IE 6-7 (<details><summary> won't render arrow.)

Demo

  1. <details> element

Usage

Add these two lines to your <head>: ```

```

To use with the <details> element, write your markup as follows: <details> <summary>Fiks.html5</summary> <div> <p>Fiks.html5 has a lot of details listed above. What else do you want to know?</p> </div> </details>

All the browsers require the main contents of the <details> element to be wrapped in a <div> element to work correctly.

Download/Source

You can link to the files directly as above, or you can download them straight from the repository.

Project Information

Labels:
html5 javascript browsers html css