Jesus 'n Jim

A mainly PC (some Mac) site w/Software, Computer Repair Info, How-To's on Using Computers
Technical Support 1-360-521-2060 (my business line cell)

html5 example page


This page should be somewhat properly viewable in the following browsers (although not all that different):

  • Safari 4.0
  • Opera 10
  • Firefox 3.5
  • Google Chrome (?)
  • IE 10

navigation is in the nav section.

h2 tag

p tag

canvas is not supported10%
canvas is not supported40%
canvas is not supported80%
30% (this one is not set by the program)
(canvas within progress with my modifications)
on (time)

this is an address: it displays in italics by default.
a mail to address
r1c1 r1c2 r1c3 r1c4
r2c1 r2c2 r2c3 r2c4
r3c1 r3c2 r3c3 r3c4
r4c1 r4c2 r4c3 r4c4

note: the canvas tag is not supported by IE8 but it is supported by FF3.0.

this anchor should open a new tab (CSS3), this anchor should open a new window (CSS3)

this should be vertical lr text(CSS3)

this should be vertical rl text(CSS3)

this is a q tag this is a q tag with q.modified { quotes:'\00AB' '\00BB'; } instead of the usual q{quotes:"\201C" "\201D";} CSS. it's not supposed to work in windows IE but it works in everything else.

select tag with optgroup tags (grouped options)

(slider using datalist)
the progress control is not supported by this browser. input hidden
input text
input search
input tel
input url
input email
input password
input datetime
input date
input month
input week
input time
input datetime-local
input number, (positive integers), pattern="^[1-9][0-9]*$"
input number, (non-negative integers), pattern="^[0-9]$"
input number, (integers), pattern="[+-]?[0-9]+$"
input number, (positive fixed point real number), pattern="^([0-9]+|[0-9]+.[0-9]+|.[0-9]+)$"
input number, (fixed point real number), pattern="^[+-]?([0-9]+|[0-9]+.[0-9]+|.[0-9]+)$"
input number, (floating point number), pattern=""
input number, (scientific format), pattern="^[+-]?([0-9]+|[0-9]+.[0-9]+|.[0-9]+)[Xx*]10\^[+-]?[0-9]+$"
input range
input color=
input checkbox
input radio
input file
input submit
input image
input reset
input button, rotated 45 degrees
input button, rotated -45 degrees
blah blah blah
blah blah blah
blah more blah
blah blah blah
blah blah blah
this is a marquee


numdigits = round log b n = round log n log base

inline SVG:

router router switch switch switch ports switch ports WDS WDS internet jack modem Internet