Browser-Test
This page contains several tests which show if your browser understands the most important HTML 4 features.
Tables
A simple table (conforming to HTML 3.2)
| left | middle | right |
|---|---|---|
| 1 | 2 | 3 |
The table should have three columns and two rows. The cells in the top row are centered and bold the cells in the bottom row are aligned to the left.
A complex table with groups of columns and rows, head, body and foot (conforming to HTML 4.0)
| Head | Head middle | Head right |
|---|---|---|
| Foot | Foot middle | Foot right |
| Body 1 | Body 1 middle | Body 1 right |
| Line 2 | Line 2 middle | Line 2 right |
| Body 2 | Body 2 middle | Body 2 right |
| Line 2, line 2 | Line 2 middle | Line 2 right |
| Line 3, line 3 | Line 3 middle | Line 3 right |
| Line 4, line 4 | Line 4 middle | Line 4 right |
The table border should only be visible between the first and second column, "Head" and "Body 1", "Body 1" (line 2) and "Body 2", "Body 2" (line 4) and "Foot". Of course the "Head" must come first and the "Foot" last.
Embedding objects
Embedding an image using the <OBJECT> tag. In addition an image map is defined where all the links are automatically offered as normal links if the browser is not able to embed the image.
The <OBJECT> tag can be also used to embed any other objects as Java applets, movies, sound files and much more.
Lists
Three possible bullets:- Circle
- Disc
- Square
Ordnered lists:
- One
- Two
- Three
- Roman 4
- Roman 5
- Lower-Roman 6
- Lower-Roman 7
- 8th letter of the alphabet
- 9th letter of the alphabet
- 10th letter of the alphabet (lower-case)
- 11th letter of the alphabet (lower-case)
- Roman 1998
- 1999 in base-26 (result should be "BXW")
Text
Quote with english quotation marks:quote, nested
is also possible.
deleted and inserted text.
Blockquote. The source text (reference) should be available through a popup or contextual menu.
Forms
All the forms should be surrounded by a group box.
Other web sites to test the browser
- The Acid2 Browser Test. Unlike iCab, most browser won't pass this test at the moment.
- The css Zen Garden is a good test for the CSS capabilities of the browser and demonstrates what can be done with CSS.
- Stu Nicholls CSS demonstrations
Browser-Test
Auf dieser Seite befinden sich einige Tests zum Testen eines Web-Browsers bezüglich der Interpretation von wichtigen oder neuen HTML 4.0-Konstrukten.
Tabellen
Eine einfache Tabelle (genügt der HTML 3.2-Spezifikation):
| links | mitte | rechts |
|---|---|---|
| 1 | 2 | 3 |
Sie sollten hier eine Tabelle mit drei Spalten und zwei Zeilen sehen. In den Zellen der oberen Zeile wird der Inhalt zentriert (und fett), in der unteren Zeile linksbündig ausgerichtet.
Eine komplexe Tabelle mit Gruppen-Unterteilungen, Kopf-, Körper- und Fußbereichen (gemäß HTML4.0-Spezifikation):
| Kopf | Kopf mitte | Kopf rechts |
|---|---|---|
| Fuß | Fuß mitte | Fuß rechts |
| Körper 1 | 1. Körper mitte | 1. Körper rechts |
| Zeile 2, line 2 | Zeile 2 mitte | Zeile 2 rechts |
| Körper 2 | 2. Körper mitte | 2. Körper rechts |
| Zeile 2 | Zeile 2 mitte | Zeile 2 rechts |
| Zeile 3 | Zeile 3 mitte | Zeile 3 rechts |
| Zeile 4 | Zeile 4 mitte | Zeile 4 rechts |
Diese Tabelle besitzt nicht zwischen allen Zellen eine Trennlinie. Eine Trennlinie sollte zwischen der ersten und zweiten Spalte, sowie zwischen Kopf und 1.Körper (besteht aus 2 Zeilen), zwischen 1.Körper und 2.Körper (besteht aus 4 Zeilen) und 2.Körper und Fuß vorhanden sein. Wichtig ist natürlich auch, daß der Kopfbereich oben und der Fußbereich ganz unten zu liegen kommt.
Einbinden von Objekten
Ein Bild über <OBJECT> eingebunden, wobei das Bild verweissensitive Flächen enthält, die als normale Text-Verweise zugänglich sind, falls der Browser das Einbetten der des Bildes nicht unterstützt (gemäß HTML4.0-Spezifikation):
Über das <OBJECT>-Tag lassen sich beliebige andere Objekte einbinden, z.B. Filme, Musik, andere HTML-Dateien, Java-Applets, usw.
Listen
Drei möglicheBullets für Listen:
- Kreis
- Scheibe
- Quadrat
- Eins
- Zwei
- Drei
- Römisch 4
- Römisch 5
- Klein-Römisch 6
- Klein-Römisch 7
- 8. Buchstabe im Alphabet
- 9. Buchstabe im Alphabet
- 10. Buchstabe (klein) im Alphabet
- 11. Buchstabe (klein) im Alphabet
- Römisch 1998
- 1999 im "Alphabet-Zahlensystem" (entspricht "BXW")
Text
Kurzzitat mit deutschen Anführungszeichen:Zitat, geschachtelt
geht auch.
gelöschter und eingefügter Text.
Blockquote. Die Quellenangabe sollte über ein Popup- oder Kontextmenü erreichbar sein.
Formulare
Um jeden der Formular-Tests sollten Gruppen-Rahmen gezeichnet werden.
Andere Web-Seiten zum Testen des Browsers
- Der Acid2 Browser-Test. Im Gegensatz zu iCab, besteht zur Zeit kaum ein Browser diesen Test.
- Der css Zen Garden ist ein guter Test für die CSS-Fähigkeiten des Browsers. Hier wird gezeigt, was man alles mit CSS machen kann.
- Stu Nicholls CSS Demonstration
