ich bin noch ziemlicher HTML/CSS Neuling und habe eine (wahrscheinlich leicht zu beantwortende) Frage. Ich habe von meiner Lernseite HTML lernen und die eigene Homepage erstellen - HTML Kurs / Seminar eine Aufgabe nachgearbeitet aber es lädt nicht den ersten von vier CSS Befehl:
Die Kommentare () sind in HTML zulässig, aber nicht mehr in XHTML. Die css-Auszeichnung mit Kommentaren hat sich allerdings überholt, da es kaum mehr Browser geben dürfte, vor denen man css verstecken müsste (genau das hat man in den Anfangszeiten von css mit den Kommentaren erreicht). Die gezeigte Auszeichnung entstammt u.a. dem Generator des genannten Kurses, ebenfalls in einer XHTML-Datei.
Grüsse
low
Was Du sagst beträfe aber die Einbindung von CSS innerhalb der HTML-Datei. Er hat aber eine externe CSS-Datei verwenden, wo keinerlei HTML-Code zulässig ist. Für Kommentare dort gibt es CSS-Kommentare.
Das würde überhaupt keinen Sinn machen! Einen Code den man nicht Kommentieren kann, kann ich mir nicht vorstellen. Was wäre das bloß für ein Durcheinander?
Wenn Du weißt, wie Kommentare definiert sind, dann wüsstest Du, was an Deiner Aussage falsch ist.
Du schreibst „<!—“, das ist natürlich in XHTML falsch, weil das kein Kommentar ist! Kommentare sind so definiert: „<!–“, mit nur zwei Bindestrichen. Und genau so müssen sie in XHTML aussehen.
@Kowalski: Wenn Dir Dein HTML-Kurs den HTML-Code so vorgeschlagen hat, dann würde ich den Kurs sofort wegwerfen, denn dann macht der den Fehler, den momentan viele machen. Anstatt Dir HTML beizubringen, versucht er Dir wohl zuerst CSS beizubringen. Das ist für einen Anfänger aber sehr schwer, weil Du dann hinterher HTML nochmal neu lernen musst. Worauf ich hinaus will? Die Auszeichnung von Text mit
ist schlichtweg falsch und sollte in einem seriösen HTML-Kurs so nicht auftauchen.
Sorry, hab ich nicht aufgepasst, sollten natürlich nur zwei Bindestriche sein ! Hin und wieder haben meine Finger die Tastatur nicht 100%ig im Griff - da bin ich glücklicherweise nicht der Einzige…
Tatsächlich wird dieser Code in genau dieser Weise als XHTML-Dokument vom Generator dieses Kurses vorgegeben.
@ Threadi
Ich habe nicht behauptet, dass css kommentiert wird, sondern dass (in den Anfangszeiten von css) eben dieses css mit eben diesen Kommentaren vor Browsern „versteckt“ wurde, die mit css nichts anfangen können.
[Quote=selfhtml.org]
Damit ältere Web-Browser, die keine Stylesheets kennen, den Inhalt des style-Elements nicht irrtümlich als anzuzeigenden Text interpretieren, können Sie den Inhalt in einen HTML-Kommentar () einbinden(…)
[/Quote]
Gleichgültig, ob Stylesheet in externer Datei oder nicht.
Wenn Du den Code, exact so, wie er am Threadstart steht, in den css-w3c-Validator lädst, wird er -trotz der Kommentare- als valide angesehen. Ohne wenn und aber.
Ich distanziere mich selbstverständlich und ausdrücklich von dieser durchaus noch gängigen Praxis und sage lediglich, dass dies so ist, nicht dass ich es so anwende, nicht, dass ich es für richtig befinde und auch nicht, dass ich Fan dieser Praxis bin.
Ich habe auch nicht behauptet, es gäbe in XHTML keine Kommentare mehr gibt - OK, ich habe auch nicht geschrieben, dass Kommentare in XHTML anders ausgezeichnet werden. Mein Fehler. Ich bin halt nicht fehlerfrei. Tut mir leid. Wirklich.
Und eben das ist falsch, das hat threadi gesagt. In ein externes Stylesheet darf kein HTML und somit auch keine HTML-Kommentare!
Wenn Du den Code, exact so, wie er am Threadstart steht, in den css-w3c-Validator lädst, wird er -trotz der Kommentare- als valide angesehen. Ohne wenn und aber.
Fehler im Validator
Ich habe auch nicht behauptet, es gäbe in XHTML keine Kommentare mehr gibt
Ich habe in meinem Kurs zuerst HTML gelernt und dann CSS.
Und die Auszeichnung vom Text mit
sollte so gemacht sein das man ungefähr weiß wie es später aussehen soll von der Gliederung her. Das war nur der erste Schritt, man würde das nachher ersetzen. Aber jetzt habe ich schon in diesem ersten Schritt ein Problem und im Moment auch noch keine richtige Lösung hier gefunden (sorry falls ich was überlesen habe, aber ist ein wenig durcheinander hier geworden :P)
Das ist zwar so grundsätzlich nicht falsch, aber ich würde sowas nie einem Anfänger erklären, weil das das Verständnis von HTML nicht einfacher macht. Anfänger gewöhnen sich so an, erstmal alles in
zu schreiben, was semantisch falsch und nicht im Sinn von HTML ist, und ändern es hinterher nicht mehr - weils ja auch gut dargestellt wird. Aber das HTML nichts mit der Darstellung zu tun hat, und die Semantik wichtig ist, darauf wird nicht entscheidend eingegangen.
Schöner wäre es hier gewesen, man verwendet einfach
, das wäre die Auszeichnung für Text und würde sich quasi genauso verhalten.
Nun gut. Das nur dazu.
Aber jetzt habe ich schon in diesem ersten Schritt ein Problem und im Moment auch noch keine richtige Lösung hier gefunden
Der letzte Hinweis war der, dass in einem externen Stylesheet kein HTML stehen darf.
Wenn Du uns einen Link zur Seite gibst, können wir zeitgleich mit Deinen Antworten auch immer prüfen, ob Du alles richtig umgesetzt hast. So weiß ich jetzt natürlich nicht, was derzeit Stand der Dinge ist und kann Dir deshalb nicht weiterhelfen.
Ok, ich habe jetzt den HTML-Teil gelöscht und es funktioniert. Danke an alle hier die mir geholfen haben! Übungsseite über das Thema Fussball
Ich wollte jetzt aber doch nochmal auf Nummer sicher gehen und habe das nochmal auf meiner Lernseite nachgelesen…
Ich habe das falsch gemacht, auf der Seite steht es richtig.
Zum Auslagern werden 2 Dinge benötigt. Als erstes eine neue Datei, ich nenne diese design.css (kann aber auch beliebig anders heißen) und als zweites einen Verweis darauf in der HTML-Datei, die diese ausgelagerte Datei nutzen soll.
Verweis in der HTML-Datei:
Dieser Verweis sollte im head-Bereich eingegeben werden.
So, nun erstellen wir eine neue Datei mit dem Namen "design.css".
Inhalt:
h1 {
color:red;
letter-spacing:30px;
}
Unbedingt auf Leerzeichen achten, und als Klammern kommen hier die geschweiften zum Zuge!! So, Datei abspeichern und im HTML Editor zurück zur ursprünglichen Internetseite.
Übrigens muss man im Stylesheet nicht auf Leerzeichen achten, zumindest nicht in dem Code. Ist mir nur so aufgefallen. Mit Einrückung ist es aber natürlich übersichtlicher.
