Wer das Tag <script type="text/javascript"> direkt im <head> Teil seiner HTML-Seite verwendet, der kann Probleme bei der W3C-Validierung seines Dokumentes bekommen, wenn innerhalb des JavaScript-Tags nach dem HTML-Standard unerlaubte Elemente enthalten sind.
Typische Fehlermeldungen dafür sind:
- character “&” is the first character of a delimiter but occurred as data
- cannot generate system identifier for general entity “document.getElementById”
- general entity “document.getElementById” not defined and no default entity
- reference not terminated by REFC delimiter
- reference to entity “document.getElementById” for which no system identifier could be generated
- character “;” not allowed in attribute specification list
- element “navRoot.childNodes.length” undefined
- end tag for “navRoot.childNodes.length” omitted, but OMITTAG NO was specified
Man kann dieses Manko umgehen, wenn man diese Deklaration ändert:
1 2 3 | <script type="text/javascript"> /* My Code */ </script> |
Undzwar in:
1 2 3 | <script type="text/javascript"><!--//--><![CDATA[//><!-- /* My Code */ //--><!]]></script> |
HTML-Elemente werden grundsätzlich in zwei Arten unterschieden, undzwar in Inline und Block Elemente. Block-Elemente erzeugen einen Zeilenumbruch und können andere Inline-Elemente enthalten. Inline-Elemente hingegen erzeugen keinen Zeilenumbruch und dürfen auch keine Blöcke enthalten; nur weitere Inline-Tags sind gestattet. …weiterlesen
In meinem Blog gebe ich häufig Tastenkombinationen an, um zu beschreiben, wie bestimmte Dinge bedient werden. Um diese Tastaturkürzel mehr herauszuheben, habe ich einen CSS-Stil entworfen. Hier ein Beispiel:
Bitte drücke Strg + Alt + Entf.
Ich finde, dass die Wörter “Strg” und “Alt” sowie “Entf” aussehen, wie richtige Tasten einer Tastatur. …weiterlesen
Den Code dafür möchte ich natürlich niemanden vorenthalten.
Eine wunderbare Übersicht über alle Maskierungen für HTML-Sonderzeichen (engl. “escapes”) nach dem ASCII-Zeichensatz findet man in der HTML ISO-8859-1 Reference.
Bei der Darstellung von HTML-Elementen und CSS-Formatierung gibt es zwischen dem Internet Explorer 8 und dem Internet Explorer 7 gravierende Unterschiede. Besonders die verschiedene Interpretation von Abständen (padding, margin) bereiten Web-Entwicklern große Probleme.
Sehr oft musste man Conditional Comments benutzen, um die verschiedenen Anzeigen zu bewältigen. Doch damit ist jetzt Schluss! Microsoft hat im IE8 eine Funktion zur Abwärtskompatibilität eingebaut, so dass es möglich ist, das Anzeigeverhalten vom IE8 auf das Anzeigeverhalten vom IE7 einzustellen.
Dafür ist nur folgender Code nötig:
<html> <head> <!-- Mimic Internet Explorer 7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Titel</title> </head> <body> <p>Diese Webseite sieht im IE8 so aus wie im IE7.</p> </body> </html>
Möchte man in einem vorgegebenen Link den Text unsichtbar machen und durch ein Hintergrundbild ersetzen, so ist das Erste was einem einfällt color: transparent; für die Linkfarbe. Leider ist diese Eigenschaft nicht spezifiziert in CSS 2.1.
Trotzdem möchte ich eine Möglichkeit zeigen, die nach CSS 2.1 gültig ist und im Internet Explorer 6-8 sowie im Mozilla Firefox funktioniert. …weiterlesen
2