HTML in XHTML umwandeln

01.03.2011, 10:22

Hallöchen,

ich bin gerad total am verzweifeln. Ich mache ein Fernsstudium zum Webdesigner und soll einen Code der fehlerhaft ist nach HTML 4.01 Regeln validieren. Zur Verfügung habe ich 3 Programme die im Lernheft bearbeitet wurden. Und zwar

The W3C Markup Validation Service
HTML / XHTML / WML / XML Validator (auf deutsch)
HTML Tidy Online (Überprüfung und Korrektur)

Die ist der fehlerhafte Code:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.01Transitional//EN" "https://www.w3.org/TR/html4/DTD/loose.dtd">
<HTML>
<head>
<title></title>
<meta name="author" content="">
</head>
<body>
<h2>Hier entsteht eine <strong>(X)HTML-Datei</h2>
<p>Herzlich<br>Willkommen!</p>
<hr>
<img src="bild.gif">
</body></HTML>

Dann soll ich nach dem validieren, den richtigen Code in eine XHTML Datei umwandeln und online validieren. Den Code soll ich dann der Fernschule schicken.

Ich habe dann also die Datei im Firefox abgespeichert und sie unter upload bei validaor.w3.og hochgeladen und validiert. Das kam dabei heraus:

Das Dokument ist nicht valides. XML
In der externen DTD/Schema (https://www.w3.org/TR/html4/DD/loose.dtd) befindet sich in Zeile: 31 und Spalte: 3 folgender Fehler:

Die Deklaration für Entity "HTML.Version" muss mit '>' enden.

Heisst das jetz das der Code ein XML Code ist und ich ihn in XHTML umwandeln muss? Und was genau heisst online validieren? Ich hab auch ins Lernforum geschrieben von der Schule aber das dauert imme ewig bis man da Antworten bekommt und meist kann ich mit den Antworten auch nich viel anfangen.

Ich verstehe auch nicht warum da steht in Zeile 31 und Spalte 3 befinden sich folgende Fehler. Beim fehlerhaften Code habe ich doch gar keine Zeile 31 und was bedeutet dann Spalte 3?
Langsam glaub ich echt ich bin zu blöd dafür.

Ich hoffe ihr könnt mir weiterhelfen.

Lieben Gruss das Nefi

01.03.2011, 14:39

Zitat von nefelim

Ich habe dann also die Datei im Firefox abgespeichert und sie unter upload bei validaor.w3.og hochgeladen und validiert

Benutze mal die Direct Input Methode. Das ist bei kurzen Quelltexten meist einfacher. Und dann bekommst du auch eine sinnvolle Ausgabe des Validators.

Zitat von nefelim

Und was genau heisst online validieren?

Das du einen Online-Validator nutzen sollst - am besten den von w3c.org. Es gibt auch lokale Programme, die eine Validierung durchführen. Deswegen wird dabei unterschieden.

Zitat von nefelim

Ich hab auch ins Lernforum geschrieben von der Schule aber das dauert imme ewig bis man da Antworten bekommt und meist kann ich mit den Antworten auch nich viel anfangen.

Schau mal, ob sich noch ein paar andere Leute finden, die ungefähr zur gleichen Zeit wie du online sind. Dann könntet ihr eine Lerngruppe bilden. Damit kann man schneller (z.B. in einem Chat) kommunizieren und besser lernen.
Webforen sind immer auf asynchrone Kommunikation ausgelegt - d.h. es ist eigentlich egal, wie lange eine Antwort dauert, da die einzelnen Beiträge meist sehr lange gespeichert werden und man fast immer darauf antworten kann.

Zitat von nefelim

Langsam glaub ich echt ich bin zu blöd dafür.

Gerade bei Software (wobei HTML eigentlich keine Programmier- bzw. Skriptsprache ist) braucht man eine Weile, bis man es verstanden hat, damit umzugehen. Es ist eine andere Denkweise nötig, die man im normalen Leben nicht unbedingt braucht.

01.03.2011, 15:19

Hi Spyx,

erstmal super lieben dank. Jetz bin ich schon ein Stückkchen weiter.

Ich habe sowohl die direct input sowie auch die upload variante probiert und dem Programm HTML Tidy online wird der Code validiert und dann auch gleich korregiert ausgegeben. Das Programm sagt aber, das es eine XML Datei isst bzw so aussieht und keine HTML Datei.

Also das sagt es genau:

Das Dokument ist nicht valides. XML
In der externen DTD/Schema (https://www.w3.org/TR/html4/DD/loose.dtd) befindet sich in Zeile: 31 und Spalte: 3 folgender Fehler:

Die Deklaration für Entity "HTML.Version" muss mit '>' enden.

Ok, wenn es dann eine XML Datei ist, wie kann ich sie dann als XHTML Datei umformen?

Ich hab auch zu machen Kontakt in der Studiengruppe aber die kommen da selbst auch nich mit klar und wenn ich online bin, sind zu wenig Leute online. Daher frage ich hier gleich auch mal, da mir hier schon sehr viel und sehr gut geholfen wurde.

Ja ich finde das recht schwierig, da ich auch kein Mathe Ass bin und für mich sieht das so aus wie Maathematische Formeln. Und ich finds auch nich besonders gut erklärt und es gibt viel zu wenig Beispiele. Daher lese ich mich auch durch verschiedene Foren wo es auch um HTML, XHTML usw. geht um ein besseres Verständnis zu bekommen.

01.03.2011, 16:49

Zitat von nefelim

Das Programm sagt aber, das es eine XML Datei isst bzw so aussieht und keine HTML Datei.

Also das sagt es genau:

Das Dokument ist nicht valides. XML
In der externen DTD/Schema (https://www.w3.org/TR/html4/DD/loose.dtd) befindet sich in Zeile: 31 und Spalte: 3 folgender Fehler:

Die Deklaration für Entity "HTML.Version" muss mit '>' enden.

Ok, wenn es dann eine XML Datei ist, wie kann ich sie dann als XHTML Datei umformen?

Das ist einer der Fehler in dem HTML-Quelltext. Füge mal eine ordentlichen Doctype ein und dann tritt der Fehler nicht mehr auf.

Zitat von nefelim

Ja ich finde das recht schwierig, da ich auch kein Mathe Ass bin und für mich sieht das so aus wie Maathematische Formeln.

HTML hat mit Mathematik rein gar nichts zu tun. Nur weil die kleiner als und größer als Zeichen verwendet werden, heißt das nicht automatisch, dass das hier Mathematik ist

. Mathematik braucht man für's Skripten bzw. Programmieren - wie z.B. JavaScript und PHP.

HTML ist eine einfache Beschreibungssprache. Das kann man sich ganz gut mit Kartons veranschaulichen. Ein HTML-Element ist ein Karton. Das p-Element sagt z.B. aus, dass sein Inhalt ein Textabsatz ist. Ein entsprechender Karton hätte die Aufschrift Textabsatz und den Text in sich drin. Dann kann man verschiedene Kartons in andere Kartons stecken, was aber nicht immer geht (z.B. kann man das body-Element nicht in ein p-Element stecken). Und auf den Kartons haben noch verschiedene Eigenschaften. Das entspricht den verschiedenen Attributen der HTML-Elemente - z.B. die Farbe blau und die Breite von 100cm.

02.03.2011, 06:51

Hi Spyx,

also mein neuer Code sieht so aus:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <title></title>
  <meta name="author" content="" />
</head>
<body>
  <h2>Hier entsteht eine <strong>(X)HTML-Datei</strong></h2>
  <p><strong>Herzlich<br />
  Willkommen!</strong></p>
  <hr />
  <strong><alt src="bild.gif" /></strong>
</body>
</html>

wenn ich den dann nochmal validiere und zwar bei validome.org da er uf deutsch ist, dann zeigt er mir :

Das Dokument ist nicht valides - XHTML 1.0 Transitional
Benutze Zeichencodierung utf8
Quelle Fallback

und einen Fehler in Zeile 19 Spalte 11

:

<img src="bild.gif" />

Im Element 'img' ist das Attribut `alt` vorgeschrieben, welches aber fehlt.

Das habe ich im Code verbessert also statt "img" habe ich "alt" gechrieben. Ist der Code dann so richtig? Und ist es dann ein XHTML Code? Dann brauche ich ihn ja eigentlich nicht umwandeln oder? Aaber was war dann der vorherige Fehlerhafte Code?

Und das Beispiel mit den Kartons ist wirklich super, das hat mir sehr weitergeholfen das besser zu verstehen.

Danke dir!

02.03.2011, 12:35

Zitat von nefelim

Im Element 'img' ist das Attribut `alt` vorgeschrieben, welches aber fehlt.

Das habe ich im Code verbessert also statt "img" habe ich "alt" gechrieben. Ist der Code dann so richtig?

Nein, du brauchst schon ein img-Element und dazu ein alt-Attribut. Ein Attribut schreibt man zusätzlich in den Tag, um seine Eigenschaften zu verändern - z.B.:

HTML-Code:

<div class="comment"><!-- Inhalt --></div>

Hierbei handelt es sich um ein div-Element, was das Attribut class hat. Und das class-Attribut hat den Wert comment.

Zitat von nefelim

Und ist es dann ein XHTML Code? Dann brauche ich ihn ja eigentlich nicht umwandeln oder? Aaber was war dann der vorherige Fehlerhafte Code?

Es gibt ein paar Unterschiede zwischen HTML und xHTML. Aber die hast du alle schon gemeistert - alle HTML-Elemente und Attribute werden klein geschrieben, jedes Element muss wieder geschlossen werden und Elemente ohne Inhalt haben einen Slash vor dem größer als-Zeichen.

02.03.2011, 14:52

Ok das ist ja schonmal gut.

Das einzige was mir jetzt noch unklar ist, ist, wo ich das "alt" Attribute reinsetze. Lso in den Tag, das ist klar aber an welcher Stelle? Du hattest das "class" Attribute direkt hinter dem "div" Element gesetzt. Wenn ich das so schreibe:

<img alt="" src="bild.gif" /></img>

dann sagt das validier Programm dass es falsch ist und ich das so schreiben muss:

<img alt="" src="bild.gif" />

also ohne das "img" am Ende. Wenn ich das dann ohne "img" nochmal bei Tidy validiere, dann gibts keine Fehlermeldung und bei w3c.org sind da 2 warnings aber er sagt mir nich was.

Wenn der Code ohne das "img" am Ende richtig ist, ist dann der ganze Code richtig, so das ich ihn abschicken kann?

02.03.2011, 16:12

Das mit dem div-Element war ein Beispiel, weil ich hier keine Lösungen schreiben möchte. Das ist deine Aufgabe. Ein img-Element hat keinen Inhalt, also ist ein </img> schlicht weg falsch und muss weggelassen werden.

Der W3-Validator sagt doch, warum er meckert bzw. dich informiert. Wenn du den Text mal lesen und verstehen würdest, wäre das eigentlich klar.

HTML in XHTML umwandeln

HTML in XHTML umwandeln

Ähnliche Themen

Erstellen eines Xhtml Formulars

Umwandeln

WMA in MP3 umwandeln

PDF umwandeln

Pfc-Dateien in html umwandeln?