[XHtml & CSS] Thread der guten Tipps

**Atomic** · 11.09.2004, 15: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:

Code:

<!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:

Code:

<?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, 15: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:

Code:

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

pixelbird · 27.07.2005, 15:26

Zitat von AtomicHX3

Aber was nun tun?

Das:
Code:
<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, 17:57

danke für die information

11.09.2004, 15:22	#1 (permalink)
Atomic Registriert seit: 21.02.2003 Ort: Köln Alter: 38 Beiträge: 5.162	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: Code: <!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: Code: <?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! __________________ https://savetheinternet.info/

11.09.2004, 15:26	#2 (permalink)
Atomic Registriert seit: 21.02.2003 Ort: Köln Alter: 38 Beiträge: 5.162	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: Code: <div style="text-decoration: underline;">Unterstrichener Text</div> __________________ https://savetheinternet.info/

27.07.2005, 15:26	#3 (permalink)
pixelbird Registriert seit: 26.07.2005 Alter: 38 Beiträge: 38	AW: [XHtml & CSS] Thread der guten Tipps Zitat von AtomicHX3 Aber was nun tun? Das: Code: <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. Geändert von pixelbird (27.07.2005 um 15:32 Uhr).

27.07.2005, 17:57	#4 (permalink)
Atomic Registriert seit: 21.02.2003 Ort: Köln Alter: 38 Beiträge: 5.162	AW: [XHtml & CSS] Thread der guten Tipps danke für die information __________________ https://savetheinternet.info/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)