PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [XHtml & CSS] Thread der guten Tipps


Atomic
11.09.2004, 16:22
Derzeit benutze ich des öfteren XHtml.
Dabei stoße ich öfters auf Hürden.

Wer Websites schreibt braucht generell folgendes:
1. http://validator.w3.org/ (Um die Quellcode Qualität sicherzustellen)
2. Einen aktuellen Browser mit IE-Engine und einen mit der Mozilla-Engine. (Um sicherzustellen das sie in aktuellen Browsern gut aussehen.)
3. http://www.w3schools.com (Als Nachschlagewerk)

Ganz wichtig ist diese Referenz:
http://www.w3schools.com/xhtml/xhtml_reference.asp
Da lernt man die Unterschiede gegenüber den Vorgänger-Versionen was die Tags und ihre Attribute betrifft.

Und ohne die richtige(!) Doctype Angabe gehts auch nicht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
** "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<!-- Header Code -->
</head>
<body>
<!-- Der Seiten-Inhalt -->
</body>
</html>
In den Html-Tag kommt übrigends seit XHtml Version 1.1 nicht mehr das "lang"-Attribut mehr hinein.

Und noch etwas verlangt der W3C-Validator als Startvoraussetzung: Eine Angabe über den Zeichensatz(=Encoding) in dem die Seite geschrieben ist (Chinesisch-Zeichen?).
Heutige Browser ermitteln das automatisch in dem sie ein paar Bytes der Seite einlesen und dann selbst entscheiden, welchem Zeichensatz die Seite zuzuordnen ist.
Aber um den Validator zufrieden zu stellen (und das er dass verlangt ist auch gut so) muss man ein Encoding angeben.

Wer Zugriff auf den eigenen Webserver hat kann spielend leicht einen Standart Zeichensatz angeben.
Mit PHP (sofern verfügbar und auch nur wenn als PHP-Seite abgespeichert) gehts auch:

<?php

header("Content-type: text/html; charset=utf-8");

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
** "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<!-- Header Code -->
</head>
<body>
<!-- Der Seiten-Inhalt -->
</body>
</html>

So und jetzt her mit den Praxis-Tipps und Ratschlägen!

Atomic
11.09.2004, 16:26
Das Ziel hinter XHtml ist den Seitenaufbau vom Styling zu trennen.
Und für letzteres wird dann CSS eingesetzt.
[b][i]<u>...-Tags gibt es deshalb nicht mehr.
Aber was nun tun?

Das:
<div style="text-decoration: underline;">Unterstrichener Text</div>

pixelbird
27.07.2005, 16:26
Aber was nun tun?

Das:
<div style="text-decoration: underline;">Unterstrichener Text</div>
Nein!
Ein "Ziel von Xhtml" (wenn man so will) ist auch "logischen Code" zu schreiben.
Also frage man sich: warum soll diese Textstelle unterstrichen werden?
Mögliche Antwort: um sie hervorzuheben...
und dafür gibt es den schönen Tag <em>emphasized</em>... und wenn eine Stelle noch wichtiger ist: <strong>...</strong>

Diese Tags kann man dann mit CSS formatieren, wie man will...
<em> wird standardmäßig glaub ich kursiv und <strong> fett angezeigt.

Atomic
27.07.2005, 18:57
danke für die information :)