nicht angemeldet
Gunnar Bittersmann@@User#221:
nuqneH
Dafür will ich die letzten in eine ext. Datei einbinden, um eine Änderung für alle HTML-Dateien gleichzeitig vorzunehmen.
Ja. Du solltest aber konsequent sein und _alle_ Regeln ins externe Styelsheet schreiben.
Der Validator hat deinen Quelltext noch nicht zu Gesicht bekommen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
'<' startet einen Tag, wenn dessen Bezeichner mit dem darauffolgenden Zeichen beginnen kann. Auf '<' trifft das nicht zu, deshalb startet erst das zweite '<' ein Tag; das erste '<' ist Textinhalt. Solchen darf aber das 'head'-Element nicht haben, ergo HTML-Fehler.
'/' schließt in HTML (SGML) ein Tag (auch wenn kaum ein Tagsoup-Parser das so interpretiert), das folgende '>' ist Textinhalt. Solchen darf aber das 'head'-Element nicht haben, ergo HTML-Fehler.
In HTML 4 werden die Tags von leeren Elemente nicht mit '/>' geschlossen, sondern mit '>' – im Gegensatz zu XHTML. (In HTML5 ist beides erlaubt.) Mache dich mit den <http://de.selfhtml.org/html/xhtml/unterschiede.htm@title=Unterschieden zwischen XHTML und HTML> vertraut und entscheide dich, ob du HTML 4 oder XHTML 1 (oder HTML5) schreiben willst. Ich empfehle XHTML 1.0 – und zwar Strict, nicht Transitional –, dann wäre der entsprechende http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=DOCTYPE anzugeben.
<meta name="keywords"content= Immobilien, Gebäde, […]
Zwischen Attribuen muss Whitespace stehen, setz also ein Leerzeichen zwischen 'name="keywords"' und 'content'. Hinter 'content=' fehlt ein '"'.
Nicht 'Gebäde', sondern 'Gebäude'! „Es ist fast immer besser, eine Zeichencodierung zu benutzen, die es erlaubt, die Zeichen in ihrer normalen Form zu verwenden, anstatt Zeichen-Entity-Referenzen oder numerische Zeichenreferenzen zu verwenden. Die Verwendung von Escapes macht den Quelltext schlechter lesbar und schwerer zu pflegen […]“ [ESCAPES]
<meta name= "description"content="IBK Kröger, Dipl.-Ing. Carsten Kröger,Humboldtstr.123,Hamburg","Immobilien-Leistungen, Immobilienberatung,Gebädeenergieberatung im Großraum Hamburg />
Zusätzlich zu dem schon Genanntem: Das '"' von 'Hamburg"' schließt den Wert des @content-Attributs. Danach darf nicht ',"' stehen. Du willst aber alles als Attributwert haben: <meta name="description" content="IBK Kröger, Dipl.-Ing. Carsten Kröger,Humboldtstr.123,Hamburg,Immobilien-Leistungen, Immobilienberatung,Gebäudeenergieberatung im Großraum Hamburg">
<div id="Titel">
<a href="index.html"></a>
</div>
Was soll das?
<div id="Menues">
<a href="index.html"><img src="images/Home_h.gif" alt="Home" width="170" height="40" border="0"></a>
<a href="gebaeudeenegieberatung.html"><img src="images/Gebaeudeenegieberatung.gif" alt="Gebaeudeenegieberatung" width="170" height="40"border="0"></a>
<a href="verkehrswertermittlung.html"><img src="images/Verkehrswertermittlung.gif" alt="Verkehrswertermittlung" width="170" height="40" border="0"></a>
<a href="immobilienvermarktung.html"><img src="images/Immobilienvermarktung.gif" alt="Immobilienvermarktung" width="170" height="40" border="0"></a>
<a href="bauqualitaetskr.html"><img src="images/Bauqualitaetskontrolle.gif" alt="Bauqualitaetskontrolle" width="170" height="40" border="0"></a>
<a href="impressum_kontakt.php"><img src="images/Kontakt.gif" alt="kontakt" width="170" height="40" border="0"></a></div>
„Ich möchte furchtbar gern eine Liste sein. Bitte bitte lass mich doch!“ (frei nach wahsaga) Formatierung der Liste (<http://de.selfhtml.org/css/eigenschaften/listen.htm@title=keine Bullets>, Menüpunkte http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=nebeneinander) per CSS.
Und die Alternativtexte mit richtigen Umlauten schreiben:
<ul id="Menues">
<li><a href="index.html"><img src="images/Home_h.gif" alt="Home" width="170" height="40" border="0"></a></li>
<li><a href="gebaeudeenegieberatung.html"><img src="images/Gebaeudeenegieberatung.gif" alt="Gebäudeenegieberatung" width="170" height="40"border="0"></a></li>
<li><a href="verkehrswertermittlung.html"><img src="images/Verkehrswertermittlung.gif" alt="Verkehrswertermittlung" width="170" height="40" border="0"></a></li>
<li><a href="immobilienvermarktung.html"><img src="images/Immobilienvermarktung.gif" alt="Immobilienvermarktung" width="170" height="40" border="0"></a></li>
<li><a href="bauqualitaetskr.html"><img src="images/Bauqualitaetskontrolle.gif" alt="Bauqualitätskontrolle" width="170" height="40" border="0"></a></li>
<li><a href="impressum_kontakt.php"><img src="images/Kontakt.gif" alt="Kontakt" width="170" height="40" border="0"></a></li>
</ul>
Und: „Verlinke niemals auf die aktuelle Seite.“ (Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen])
<div class="graurosa"id="Inhalt"></div>
<div class="style1 mittlere_leiste" id="mittlere_leiste"
Benenne Klassen und IDs nach deren Funktion, nie nach der gegenwärtig(!) gewünschten Darstellung!
div align="right">
Gib sämtliche Darstellung mit CSS an, nicht mit HTML-Attributen!
<pre><a href="index.html"> <span class="textnormal1"> Home </span></a> <span class="textnormal1"><a href="impressum_kontakt.php" class="textnormal1"> Disclaimer Impressum </a></span> </pre>
Wozu 'pre'?
Qapla'
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)