HTML-Browsersupport
Mit diesem HTMLWorld-Tool können Sie testen, bei welchen Browsern Ihre HTML-Datei Probleme machen könnte.
Geben Sie in das Formularfeld die URL ein unter der die HTML-Datei zu finden ist (z.B. www.meinname.de/meineseite.html) und drücken Sie dann auf Prüfen. Das Tool läd die genannte Datei dann herunter und prüft alle verwendeten Elemente auf Kompatibilität zu bestimmten Browsern. Wird ein Element von einem Browser unterstützt, gibt es 1 Punkt. Wird ein Element nur teilweise unterstützt (z.B. nur bestimmte Werte), gibt es 0.5 Punkte. Wird ein Element schließlich garnicht unterstützt oder ist unbekannt gibt es auch keinen Punkt. Die gesammelten Punkte werden zusammen addiert und durch die Anzahl der verwendeten Elemente geteilt ein Prozentwert für jeden Browser ermittelt.
Zusammenfassung
Hier sehen Sie, wir Ihre HTML-Datei im Vergleichstest der unterschiedlichen Browser abgeschnitten hat. Die Prozentzahl gibt an, wieviele Elemente die in Ihrer Datei vorkommen, der jeweilige Browser beherrscht. Hier sollten Sie eine möglichst hohe Zahl anstreben um zu gewährleisten, dass Ihre Webseite in möglichst allen Browsern funktionstüchtig ist und nahezu gleich aussieht.
| MSIE 3.x | Ok | 94 % (16/17) |
| MSIE 4.x | Ok | 94 % (16/17) |
| MSIE 5.x | Ok | 94 % (16/17) |
| MSIE 5.5.x | Ok | 94 % (16/17) |
| MSIE 6.x | Ok | 100 % (17/17) |
| NN 4.x | Ok | 94 % (16/17) |
| NN 4.5.x | Ok | 94 % (16/17) |
| NN 6.x | Ok | 100 % (17/17) |
| NN 7.x | Ok | 100 % (17/17) |
| OP 3.5.x | Ok | 94 % (16/17) |
| OP 4.x | Ok | 94 % (16/17) |
| OP 5.x | Ok | 94 % (16/17) |
| OP 6.x | Ok | 94 % (16/17) |
| OP 7.x | Ok | 100 % (17/17) |
| Resultat: | Ok | 96 % (228/238) |
Herzlichen Glückwunsch!
Ihre Seite ist laut diesem Test zu 96% Browserkompatibel! Um Ihren Besuchern zu zeigen, dass Sie mit viel Sorgfalt eine möglichst kompatible Seite erstellt haben, dürfen Sie dieses Icon auf Ihrer Seite einblenden.
(Hier klicken um das Icon herunter zu laden)
Sie können dazu den folgenden HTML-Code verwenden und in Ihre Webseite einbinden:
<a href="http://www.html-world.de/tools/htmlchart.php">
<img src="htmlcomp90.gif"
width="88" height="31" border="0"
alt="Diese Seite ist zu mindestens 90% kompatibel">
</a>
Bitte achten Sie darauf, dass das Icon im gleichen Verzeichnis liegen muss, in dem sich auch die Datei befinden in die dieser Code eingefügt wurde.
Im Detail ...
Hier erhalten Sie eine Liste der Elemente, die in Ihrer Datei Probleme bereiten könnten:
- !DOCTYPE: nicht kompatibel mit MSIE < 3
- !DOCTYPE: nicht kompatibel mit MSIE < 4
- !DOCTYPE: nicht kompatibel mit MSIE < 5
- !DOCTYPE: nicht kompatibel mit MSIE < 5.5
- !DOCTYPE: nicht kompatibel mit NN < 4
- !DOCTYPE: nicht kompatibel mit NN < 4.5
- !DOCTYPE: nicht kompatibel mit OP < 3.5
- !DOCTYPE: nicht kompatibel mit OP < 4
- !DOCTYPE: nicht kompatibel mit OP < 5
- !DOCTYPE: nicht kompatibel mit OP < 6
Quelle
f6b
<!-- Diese Zeile schaltet den IE in den Quirks-Modus -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<head>
<title>-== Tarkus-OnLine since 1998 ==- </title> <!-- Seitentitel -->
<meta name="author" content="U.Urbschat alias Tarkus"> <!-- Autor -->
<meta name="publisher" content="U.Urbschat alias Tarkus"> <!-- Veröffentlicher -->
<meta name="copyright" content="(c) U.Urbschat Tarkus-OnLine.de"> <!-- Urheberrechtsanspruch -->
<meta name="generator" content="Notepad++"> <!-- Seiteneditor -->
<!-- EXTRA für den INTERNET EXPLORER -->
<!-- ANWEISUNGEN für alle BROWSER -->
<meta http-equiv="content-language" content="de"> <!-- Seitensprache -->
<meta http-equiv="language" content="deutsch, de"> <!-- Seitensprache -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <!-- Zeichensatz -->
<meta http-equiv="Content-Style-Type" content="text/css"> <!-- CSS-Stylesprache -->
<link rel="stylesheet" type="text/css" href="format_basis.css"> <!-- CSS-Datei -->
<meta http-equiv="imagetoolbar" content="no"> <!-- Tools für Bilder ausblenden -->
<link rel="shortcut icon" href="favicon.ico"> <!-- statisches Favicon -->
<link rel="icon" href="animated_favicon4.gif" type="image/gif"> <!-- animiertes Favicon (muss NACH statischem definiert werden!) -->
<!-- ANWEISUNGEN an PROXY-Server -->
<meta http-equiv="pragma" content="no-cache"> <!-- Seite bitte nicht auf Proxyserver speichern -->
<meta name="expires" content="3600"> <!-- Sekunden, nach der die Seite statt vom Proxy direkt vom Originalserver zu laden ist -->
<!-- ANWEISUNGEN für SUCHMASCHINEN und ähnliches -->
<meta name="robots" content="INDEX,FOLLOW"> <!-- Indexierung und Linkverfolgung von Suchmaschinen -->
<meta name="revisit-after" content="1 weeks"> <!-- Besuchsintervall für Suchmaschinen-Spider -->
<meta name="description" content="Das Tarkus-OnLine-Internetangebot enthält neben Infos ueber den Webmaster eine umfangreiche Linkliste, Tipps zum Webdesign, Bildergalerien und mehr."> <!-- Beschreibung in Suchmaschinenergebnissen -->
<meta name="keywords" content="Computer, Internet, Tarkus, Emerson, Lake, Palmer, PC, PCs, Tips, Tipps, Tricks, Links, Linkliste, Surftip, Surftipp, Surftips, Surftipps"> <!-- Schluesselwoerter fuer Suchmaschinenindexierung -->
<meta name="audience" content="Anfaenger, Fortgeschrittene"> <!-- Zielgruppe (nur fuer Fireball-Spider) -->
<meta name="page-topic" content="Computer, Medien"> <!-- Seitenthema (nur fuer Fireball-Spider) -->
<meta name="page-type" content="Link-Liste, Privater Internetauftritt"> <!-- Seitentyp (nur fuer Fireball-Spider) -->
<meta name="geo.region" content="DE-NW"> <!-- Geo-Tag nach ISO 3166-2 (DE=Deutschland, NW=Nordrhein-Westfalen -->
<meta name="geo.placename" content="Hamm-Bockum-Hoevel"> <!-- Geo-Tag Ortsangabe -->
<meta name="geo.position" content="51.7002; 7.7607"> <!-- Geo-Tag Koordinaten -->
<meta name="DC.title" content="Tarkus-OnLine.de (SurfTipps, WebDesign, usw.)"> <!-- Titel fuer GeoURL -->
<meta name="ICBM" content="51.7002, 7.7607"> <!-- Koordinaten fuer GeoURL (ICBM=intercontinental ballistic missile *oops!* -->
<link rel="meta" href="http://www.tarkus-online.de/labels.rdf" type="application/rdf+xml" title="ICRA labels" /> <!-- ICRA-Jugendschutz -->
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://tarkus-online.de" r (n 0 s 0 v 0 l 0 oa 1 ob 1 oc 0 od 0 oe 0 of 0 og 0
oh 0 c 1) gen true for "http://www.tarkus-online.de" r (n 0 s 0 v 0 l 0 oa 1 ob 1 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 1))' /> <!-- ICRA-Jugendschutz -->
<!-- RSS-Einbindung -->
<!--
<link rel="alternate" type="application/rss+xml" title="Lust und Frust" href="rss/tarkflust.xml">
<link rel="alternate" type="application/rss+xml" title="Tipps und Tricks" href="rss/tarktipps.xml">
//-->
<!-- TITEL-Leisten-Animation -->
<script type="text/javascript">
ffb
<!--
var default1 = "==! Tarkus-OnLine since 1998 !== "; // Wird beim Start gezeigt, aber nur einmal.
var text1 = "=!= Tarkus-OnLine since 1998 =!= ";
var text2 = "==! Tarkus-OnLine since 1998 !== ";
var text3 = "=!= Tarkus-OnLine since 1998 =!= ";
var text4 = "!== Tarkus-OnLine since 1998 ==! ";
var changeRate = 1000; // 1000 = 1 Sekunde
var messageNumber = 0;
function changeStatus() {
if (messageNumber == 0) {document.title=default1;}
else if (messageNumber == 1) {document.title=text1;}
else if (messageNumber == 2) {document.title=text2;}
else if (messageNumber == 3) {document.title=text3;}
else if (messageNumber == 4) {document.title=text4;messageNumber = 0;}
messageNumber++;
setTimeout("changeStatus(); ",changeRate);
}
changeStatus(); //
//-->
</script>
</head>
<!-- FILTER für VALIDATOREN-Seiten -->
<frameset
cols="*,1000,*"
frameborder="no"
framespacing="0"
border="0"
onLoad="if (self != top) top.location = self.location"
>
<frame
src="rahmen_ganz_links.htm"
name="frame_ganz_links"
title="Rand links"
noresize
scrolling="no"
frameborder="0"
>
<frameset
cols="138,*,20"
frameborder="no"
framespacing="0"
border="0"
>
<frameset
rows="30,*,20"
frameborder="no"
framespacing="0"
border="0"
>
<frame
src="rahmen_oben_links.htm"
name="frame_oben_links"
title="Rahmen oben links"
noresize
scrolling="no"
frameborder="0"
>
<frame
src="hauptmenue_home.htm"
name="frame_hauptmenue"
title="Rahmen links"
noresize
frameborder="0"
>
<frame
src="rahmen_unten_links.htm"
name="frame_unten_links"
title="Rahmen unten links"
noresize
scrolling="no"
frameborder="0"
>
</frameset>
<frameset
rows="30,*,20"
frameborder="no"
framespacing="0"
border="0"
>
<frame
src="rahmen_oben_mitte.htm"
name="frame_oben_mitte"
title="Rahmen oben"
noresize
scrolling="no"
frameborder="0"
>
<frameset
cols="*,220"
frameborder="no"
framespacing="0"
border="0"
>
<!-- FILTER für DIREKT ADRESSIERTE Seiten -->
<frame
src="start_intro.htm"
name="frame_inhalt"
title="Hauptinhalt"
noresize
frameborder="0"
>
<frame
src="start_menue_1.htm"
name="frame_submenue"
title="Submenue"
noresize
frameborder="0"
>
</frameset>
<frame
src="rahmen_unten_mitte.htm"
name="frame_unten_mitte"
title="Rahmen unten"
noresize
scrolling="no"
frameborder="0"
>
</frameset>
<frameset
rows="30,*,20"
frameborder="no"
framespacing="0"
border="0"
>
<frame
src="rahmen_oben_rechts.htm"
name="frame_oben_rechts"
title="Rahmen oben rechts"
noresize
scrolling="no"
frameborder="0"
>
<frame
src="rahmen_seite_rechts.htm"
name="frame_seite_rechts"
title="Rahmen rechts"
noresize
scrolling="no"
frameborder="0"
>
<frame
src="rahmen_unten_rechts.htm"
name="frame_unten_rechts"
title="Rahmen unten rechts"
noresize
scrolling="no"
frameborder="0"
>
</frameset>
</frameset>
<frame
src="rahmen_ganz_rechts.htm"
name="frame_ganz_rechts"
title="Rand rechts"
noresize
scrolling="no"
frameborder="0"
>
<noframes>
<!-- Anfang eingebundene Spezial-Datei noframes.htm -->
<body>
<div style="text-align:center; ">
<hr style="width:50%; ">
<b class="sehrgross">
<a href="http://www.tarkus-online.de/">
Tarkus-OnLine<b class="gross">.de</b>
</a>
<br>
<br>
Privater Internet-Bereich
</b>
<hr style="width:50%; ">
<b>
Das Internet-Angebot Tarkus-OnLine.de enthält
<br>
neben Infos ueber den Webmaster
<br>
eine umfangreiche gegliederte Liste
<br>
mit Verweisen zu anderen Internet-Seiten,
<br>
Tipps zum Webdesign, Bilder-Galerien und mehr...
<br>
<br>
<span style="color:#f00;">Fuer Handy-Nutzer:</span>
<br>
<a href="http://wap.Tarkus-OnLine.de/">
Hier geht's zur WAP-Startseite!
</a>
</b>
<hr style="width:50%; ">
HINWEIS:
<br>
Dieser Internet-Bereich basiert auf Frames.
<br>
Bitte einen Browser benutzen,
<br>
der F
fc0
rames darstellen kann.
<hr style="width:50%; ">
</div>
<br>
<img src="pictures/leer.gif" alt="Substitute symbol"
style="width:1px; height:1000px;">
<br>
<a href="download_intro.htm">
download_intro.htm
</a>
<br>
<a href="galerie_ct_intro.htm">
galerie_ct_intro.htm
</a>
<br>
<a href="galerie_fun_intro.htm">
galerie_fun_intro.htm
</a>
<br>
<a href="galerie_intro.htm">
galerie_intro.htm
</a>
<br>
<a href="galerie_kfz_intro.htm">
galerie_kfz_intro.htm
</a>
<br>
<a href="galerie_markt2003_intro.htm">
galerie_markt2003_intro.htm
</a>
<br>
<a href="galerie_montagen_intro.htm">
galerie_montagen_intro.htm
</a>
<br>
<a href="galerie_tarkus_intro.htm">
galerie_tarkus_intro.htm
</a>
<br>
<a href="galerie_tiere_intro.htm">
galerie_tiere_intro.htm
</a>
<br>
<a href="gastbuch_intro.htm">
gastbuch_intro.htm
</a>
<br>
<a href="gastbuch_lesen1998.htm">
gastbuch_lesen1998.htm
</a>
<br>
<a href="gastbuch_lesen1999.htm">
gastbuch_lesen1999.htm
</a>
<br>
<a href="gastbuch_lesen2002.htm">
gastbuch_lesen2002.htm
</a>
<br>
<a href="gastbuch_schreiben.htm">
gastbuch_schreiben.htm
</a>
<br>
<a href="handy_intro.htm">
handy_intro.htm
</a>
<br>
<a href="handy_intro.htm">
handy_insidehandy.htm
</a>
<br>
<a href="handy_intro.htm">
handy_surftipps.htm
</a>
<br>
<a href="handy_intro.htm">
handy_waptarkus.htm
</a>
<br>
<a href="help_bedienung.htm">
help_bedienung.htm
</a>
<br>
<a href="help_browser.htm">
help_browser.htm
</a>
<br>
<a href="help_intro.htm">
help_intro.htm
</a>
<br>
<a href="help_suchen.htm">
help_suchen.htm
</a>
<br>
<a href="index.htm">
index.htm
</a>
<br>
<a href="kid_disclaimer.htm">
kid_disclaimer.htm
</a>
<br>
<a href="kid_intro.htm">
kid_intro.htm
</a>
<br>
<a href="kid_impressum.htm">
kid_impressum.htm
</a>
<br>
<a href="kid_kontakt.htm">
kid_kontakt.htm
</a>
<br>
<a href="resize.htm">
resize.htm
</a>
<br>
<a href="sitemap_intro.htm">
sitemap_intro.htm
</a>
<br>
<a href="sitemap_inhalt.htm">
sitemap_inhalt.htm
</a>
<br>
<a href="sitemap_infos.htm">
sitemap_infos.htm
</a>
<br>
<a href="start_intro.htm">
start_intro.htm
</a>
<br>
<a href="start_english.htm">
start_english.htm
</a>
<br>
<a href="start_warum_website.htm">
start_warum_website.htm
</a>
<br>
<a href="start_weisheit.htm">
start_weisheit.htm
</a>
<br>
<a href="surftipps_amtliches.htm">
surftipps_amtliches.htm
</a>
<br>
<a href="surftipps_intro.htm">
surftipps_intro.htm
</a>
<br>
<a href="surftipps_infothek.htm">
surftipps_infothek.htm
</a>
<br>
<a href="surftipps_internet.htm">
surftipps_internet.htm
</a>
<br>
<a href="surftipps_lifestyle.htm">
surftipps_lifestyle.htm
</a>
<br>
<a href="surftipps_presse.htm">
surftipps_presse.htm
</a>
<br>
<a href="surftipps_produkte.htm">
surftipps_produkte.htm
</a>
<br>
<a href="surftipps_software.htm">
surftipps_software.htm
</a>
<br>
<a href="surftipps_zuletzt.htm">
surftipps_zuletzt.htm
</a>
<br>
<a href="wap/index.wml">
wap/index.wml (WAP-Browser erforderlich!)
</a>
<br>
<a href="webdesign_intro.htm">
webdesign_intro.htm
</a>
<br>
<a href="webdesign_start.htm">
webdesign_start.htm
</a>
<br>
<a href="webdesign_historie.htm">
webdesign_historie.htm
</a>
<br>
<a href="webdesign_projekte.htm">
webdesign_projekte.htm
</a>
<br>
<a href="webdesign_tipps.htm">
webdesign_tipps.htm
</a>
<br>
<a href="webdesign_tipps_css.htm">
webdesign_tipps_css.htm
</a>
<br>
<a href="webdesign_tipps_frames.htm">
webdesign_tipps_frames.htm
</a>
<br>
<a href="webdesign_tipps_ssi.htm">
webdesign_tipps_java.htm
</a>
<br>
<a href="webdesign_tipps_ssi.htm">
webdesign_tipps_ssi.htm
</a>
<br>
<a href="webdesign_tipps_diverses.htm">
webdesign_tipps_diverses.htm
</a>
<br>
<a href="webdesign_ziele.htm">
webdesign_ziele.htm
</a>
<br>
<a href="webmaster_intro.htm">
webmaster_intro.htm
</a>
<br>
<a href="webmaster_infos.htm">
webmaster_infos.htm
</a>
<br>
<a href="webmaster_lippborg.htm">
webmaster_lippborg.htm
</a>
<br>
<img src="pictures/leer.gif" alt="Substitute symbol"
style="width:1px; height:1000px;">
<br>
</body>
<!-- Ende eingebundene Spezial-Datei noframes.htm -->
</noframes>
</frameset>
</HTML>
0
Sie haben eine Frage zum Tool, haben einen Fehler gefunden oder möchten uns Ihre Ideen mitteilen? Dann nehmen Sie doch einfach mit uns Kontakt auf.
Einfach unten stehenden Code kopieren oder
hier herunterladen, in die Webseite einbinden und allen Besuchern die HTMLWorld-Tools zur Verfügung stellen. Auf Ihrer Webseite erscheint die Toolbox dann so:
<form style="font-family:Arial; font-size:10pt;"
enctype="multipart/form-data" method="get"
action="http://www.html-world.de/tools/extern.php">
<input type="hidden" name="dowhat" value="url" checked="checked">
<fieldset style="width:400px; text-align:center;">
<legend>
<span style="font-weight:bold;">HTMLWorld Website-Tools</span>
</legend>
<br>http://
<input style="height:25px;" type="Text" name="url"
value="www." size="30">
<input style="height:25px;" type="Submit" value="Prüfen"><br />
<span style="font-weight:bold; font-size:8pt;">
Beispiel: www.html-world.de
</span>
<table border="0" align="center" width="300">
<tr>
<td style="font-family:Arial; font-size:9pt;">
<input type="Radio" name="typ" value="0" checked> Ladezeiten-Check
</td>
<td style="font-family:Arial; font-size:9pt;">
<input type="Radio" name="typ" value="2"> HTML-Browsersupport
</td>
</tr>
<tr>
<td style="font-family:Arial; font-size:9pt;">
<input type="Radio" name="typ" value="1"> Server-Speedtest
</td>
<td style="font-family:Arial; font-size:9pt;">
<input type="Radio" name="typ" value="3"> CSS-Browsersupport
</td>
</tr>
</table>
<p style="text-align:right; margin:0px; padding:0px; padding-right:5px;
font-size:8pt;">
<a style="color:blue; text-decoration:none;"
href="http://www.html-world.de">
www.html-world.de
</a>
</p>
</fieldset>
</form>
