HTML Tag and Browser Test Page


This is a page to test the compatibility of different browsers and systems. Known incompatibilities are identified below, with the following abbreviations:

This page has been checked with all of the above browsers. Feedback as to how other browsers and systems behave is appreciated.


HEADINGS (<Hx></Hx> tag)

Level 1

Level 2

Level 3

Level 4

Level 5
Level 6

HARD FORMATTING

This is bold text (<B></B> tag).
This is italic text (<I></I> tag).
This is underline text (<U></U> tag). (Not impl. XM24, MN11)
This is strikeout text (<S></S> tag). (Not impl. MM10, XM24, MN11, MA, PA, PS)
This is strikeout text (<STRIKE></STRIKE> tag). (Not impl. MM10, MM20, MA, PS)
This is subscripted text (<SUB></SUB> tag). (Not impl. MM10, XM24, MN11, MA, PA, PS)
This is superscripted text (<SUP></SUP> tag). (Not impl. MM10, XM24, MN11, MA, PA, PS)
This is typewriter text, so should be monospaced (<TT></TT> tag).
This is blinking text (<BLINK></BLINK> tag). (Not impl. MM10, MM20, XM24, MA, PA, PS)
This is font size +1 text (<FONT SIZE=+1></FONT> tag). (Not impl. MM10, MM20, XM24, MA, ??)
This is font size -1 text (<FONT SIZE=-1></FONT> tag). (Not impl. MM10, MM20, XM24, MA, ??)

SOFT (LOGICAL) FORMATTING

This is emphasized text, generally italic (<EM></EM> tag). (Underlined in MM10)
This is strongly emphasized text, generally bold (<STRONG></STRONG> tag).
This is citation text, generally italic (<CITE></CITE> tag). (Messed up PS)
This is variable text, generally italic (<VAR></VAR> tag). (Not impl. PA, messed up PS)
This is sample text, generally monospaced (<SAMP></SAMP> tag). (Messed up PS)
This is keyboard text, generally monospaced (<KBD></KBD> tag). (Messed up PS)
This is code text, and should be monospaced (<CODE></CODE> tag). (Messed up PS)
This is definition text, and may be bold, but is rarely used and often unimplemented (<DFN></DFN> tag). (Not impl. MM20, XM24, MN11, PA, messed up PS)
This is preformatted text, and should be monospaced (<PRE></PRE> tag).

This is blockquoted text, and should be indented (<BLOCKQUOTE></BLOCKQUOTE> tag). (Not impl. PS!)
This is big text (<BIG></BIG> tag). (Not impl. MM10, MN11, XM24, MA, ??)
This is small text (<SMALL></SMALL> tag). (Not impl. MM10, MN11, XM24, MA, ??)

This is both big and font size +1 text.
This is both small and font size -1 text.


LISTS

Unordered List (<UL><LI></UL> tag)

Ordered List (<OL><LI></OL> tag)

  1. First item
  2. Second item
  3. Third item

Directory List (<DIR><LI></DIR> tag)

  • First item
  • Second item
  • Third item
  • Menu List (<MENU><LI></MENU> tag)

  • First item
  • Second item
  • Third item
  • Definition List (<DL><DT><DD></DL> tag)

    First Term
    First Definition
    Second Term
    Second Definition
    Third Term
    Third Definition

    CENTERING

    Netscape-style Centering

    This uses the <CENTER></CENTER> tag. Note that these tags are placed inside both the heading and text.
    To use only one set of <CENTER></CENTER> tags, with heading changes inside, is not kosher and is misinterpreted by some browsers (e.g. MA).
    (Not impl. MM10, MM20, XM24, PA, PS)

    HTML 3.0-style Centering

    This uses "ALIGN=CENTER" modifiers to the <Hx></Hx> and <P></P> tags.
    It is claimed to be more widely implemented.
    (Not impl. MM10, XM24, MA, PA)

    Note:
    Both styles may be used together, redundantly, like this, for fuller compatibility.


    TABLES

    Borders, various row & element H & V alignments

    Row alignments seem to apply to all elements in row, unless overridden by an element alignment instruction.
    Default alignment is left, center (MN11); left, top (MM20).
    If not implemented, tags will be ignored; this may imply that "unnecessary" line breaks should be inserted for best compatibility.
    (Tables not impl. MM10, XM24, MA, ??; H&V alignment not impl. MM20)

    Normal Element (1,1) Normal Element (1,2)
    (2-line)
    align row left align row left
    (2-line)
    align row center align row center
    (2-line)
    align row right align row right
    (2-line)
    align el left align el left
    (2-line)
    align el center align el center
    (2-line)
    align el right align el right
    (2-line)
    align row left, el left align row left, el left
    (2-line)
    align row left, el center align row left, el center
    (2-line)
    align row left, el right align row left, el right
    (2-line)
    valign row bottom valign row bottom
    (2-line)
    valign row middl valign row middle
    (2-line)
    valign row top valign row top
    (2-line)
    valign el bottom valign el bottom
    (2-line)
    valign el middle valign el middle
    (2-line)
    valign el top valign el top
    (2-line)

    Table with breaks after each element: (No bad side effects with MM20, MN11, ??; better compatibility for MM10, XM24, MA, ??)

    Normal Element (1,1)
    Normal Element (1,2)
    (2-line)
    Normal Element (2,1)
    Normal Element (2,2)
    (2-line)


    IMAGES

    Background pattern

    This page should have a tiled "chalk" background. This uses the BACKGROUND="URL" extension to the BODY tag. (Not impl. MM10, MM20, XM24, PA, ??)

    Centering text

    This text should be centered beside image; it uses the "ALIGN=MIDDLE" extension to the <IMG> tag. (Not impl. ??)

    Spacing text

    This image should have 8 pixels of H & V space around it; it uses the "HSPACE=n VSPACE=n extension to the <IMG> tag. (Not impl. MM10, MM20, XM24, MA, ??)

    This image uses MIDDLE, HSPACE, & VSPACE, so should be centered with 8 pixels of H & V space around it.

    Wrapping text

    This text should be "wrapped" around the image, with the image on the left side of the screen; it uses the "ALIGN=LEFT" extension to the <IMG> tag. It may be necessary to reduce your screeen size to actually see the wrapping happen. (Not impl. MM10, XM24, MA, ??)

    This text should be "wrapped" around the image, with the image on the right side of the screen; it uses the "ALIGN=RIGHT" extension to the <IMG> tag. Again, it may be necessary to reduce your screen size to actually see the wrapping happen. (Not on right in MM10, XM24, MA, ??)

    (The next three examples all use ALIGN=LEFT extensions)

    This text should be a level-4 heading next to the image.

    (Not on right in MM10, XM24, MA, ??)

    This is also a level-4 heading, but the image is INSIDE it.

    (Not on right in MM10, XM24, MA, ??)

    This text should be dictionary term next to the image.
    And this is a dictionary definition.

    This is also a dictionary term, but the image is INSIDE it.
    And this is a dictionary definition.
    (Not on right in ??)


    SPECIAL CHARACTER CODES

    Soft coding (&xxx;)

    where "xxx" are from the list below, and case MUST be followed. These codes should be browser and system independent, but may not be implemented in many browsers.

    The following are needed to distinguish characters from HTML tags:
    lt <
    gt >
    amp &
    quot "

    Other useful characters, not always implemented:
    reg ® (cf. #174 below) (Not impl. MM10, XM24, PA)
    copy © (cf. #169 below) (Not impl. MM10, XM24, PA)
    sect § (cf. #167 below) (Not impl. MM10, XM24, MN11, MA, PA)
    para ¶ (cf. #182 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)
    nbsp (non-breaking space)   (cf. #160 below) (Not impl. XM24, MA, PA)
    shy (soft hyphen) ­ (cf. #173 below) (Not impl. MM10, XM24, MN11, MA, PA)
    deg ° (cf. #176 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)
    plusmn ± (cf. #177 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)
    middot · (cf. #183 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)
    times × (cf. #215 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)
    divide ÷ (cf. #247 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)

    Foreign characters:
    szlig ß (Messed up PA? Wrong on screen, but OK on print.)
    ccedil ç (Messed up PA? Wrong on screen, but OK on print.)
    iexcl ¡ (cf. #161 below) (Not impl. MM10, XM24, MN11, MA, PA)
    iquest ¿ (cf. #191 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)
    micro µ (cf. #181 below) (Not impl. MM10, MM20, XM24, MN11, MA, PA)

    The following pattern may be used for a number of related foreign characters, replacing the (a) or (o) with the appropriate member of (a,e,i,o,u,y,n,A,E,I,O,U,Y,N): (Messed up PA? Wrong on screen, but OK on print.)
    agrave à
    aacute á
    atilde ã
    auml ä
    acirc â
    aring å
    oslash ø

    Hard coding (&#xxx;)

    Codes 0-127 are standard ASCII codes, so should be fairly standard. Codes 128-255 are extended ASCII, and generally follow ISO 8859-1 (ISO Latin), but the mapping of these seems to be highly browser or system dependent. Codes 128-159 are especially variable. Mac AOL apparently does not follow ISO Latin; most of the codes are quite different. PC AOL seems to mess up many of these on screen, but not so many on printing.

    123 {
    124 |
    125 }
    126 ~ (may be tilde)
    127 
    128 €
    129  (may be trademark sign)
    130 ‚ (may be not equal sign)
    131 ƒ (may be infinity sign)
    132 „
    133 … (may be capital sigma)
    134 † (may be integral sign)
    135 ‡ (may be capital omega)
    136 ˆ
    137 ‰ (may be approx. equal sign)
    138 Š
    139 ‹
    140 Œ
    141 
    142 Ž
    143  (may be del)
    144  (may be capital delta)
    145 ‘
    146 ’
    147 “
    148 ” (may be permil sign)
    149 •
    150 –
    151 —
    152 ˜
    153 ™
    154 š (may be degree sign)
    155 ›
    156 œ
    157 
    158 ž
    159 Ÿ
    160   (generally non-breaking space)
    161 ¡ (generally inverted exclamation mark)
    162 ¢
    163 £
    164 ¤
    165 ¥
    166 ¦
    167 § (generally section sign)
    168 ¨
    169 © (generally copyright sign)
    170 ª
    171 «
    172 ¬
    173 ­ (generally soft hyphen)
    174 ® (generally registered sign)
    175 ¯
    176 ° (generally degree sign)
    177 ± (generally plus-or-minus sign)
    178 ² (generally sup2, but right double quote on Mac)
    179 ³ (generally sup3, but left double quote on Mac)
    180 ´
    181 µ (generally mu)
    182 ¶ (generally paragraph mark)
    183 · (generally middle dot)
    184 ¸
    185 ¹ (generally sup1, but right single quote on Mac)
    186 º
    187 »
    188 ¼ (generally 1/4, but pi on Mac)
    189 ½ (generally 1/2, but capital pi on Mac)
    190 ¾
    191 ¿ (generally inverted question mark)
    192 À
    193 Á
    194 Â
    195 Ã
    196 Ä
    197 Å
    198 Æ
    199 Ç
    200 È
    201 É
    202 Ê
    203 Ë
    204 Ì
    205 Í
    206 Î
    207 Ï
    208 Ð
    209 Ñ
    210 Ò
    211 Ó
    212 Ô
    213 Õ
    214 Ö
    215 × (generally multiplication sign)
    216 Ø
    217 Ù
    218 Ú
    219 Û
    220 Ü
    221 Ý
    222 Þ
    223 ß
    224 à
    225 á
    226 â
    227 ã
    228 ä
    229 å
    230 æ
    231 ç
    232 è
    233 é
    234 ê
    235 ë
    236 ì
    237 í
    238 î
    239 ï
    240 ð
    241 ñ
    242 ò
    243 ó
    244 ô
    245 õ
    246 ö
    247 ÷ (generally division sign)
    248 ø
    249 ù
    250 ú
    251 û
    252 ü
    253 ý
    254 þ
    255 ÿ

    A complete listing of ISO-Latin character codes from 160 to 255, with names, may be found at http://www.uni-passau.de/%7Eramsch/iso8859-1.html


    Other Style Guides and Test Pages

    Barebones Guide to HTML
    HTML Bad Style Page
    Composing Good HTML
    Gareth's Style Guide
    HTML Style Guide & Test Suite

    To Kirk Bertsche's Home Page


    Last modified December 9, 1995 by Kirk Bertsche, KBertsche@aol.com