<p>

[Carragos]

Also, bis jetzt benutze ich <p> immer nur für Texte, aber hier z.b. :)

W3C CSS Validator results for http://carragos.ca.funpic.de/ (CSS level 2.1)

Sehe ich plötzlich das dort ein link in einem
<p> element drin ist, wieso denn ?
Da is kein Text bei garnix....
Ich kann genau so gut :

<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" />
</a>
oder bracuh ich <p> um deutlich zu machen , dass der code über mehrere zeilenumbrüche geht ?

Danke für hilfe...
Weil <p> ist iwi komisch, für mich, das da ein link drin vorkommt.

 

[threadi]

Der <p>-Tag ist für Absätze gedacht, unabhängig davon wie die Texte darin formatiert sind und wieviele Zeilen und Zeilenumbrüche es gibt. Links dienen dazu eine weiterführende Information zu verlinken. Beides schließt sich nicht aus und kann sich ergänzen. Somit kann man Links auch von <p>-Tags umgeben, muss es aber nicht.

 

[struppi]

ein A Element muss auch immer innerhalb eines Blockelementes stehen. Da bietet sich ein p an, kann aber auch ein anderes sein, je nachdem was semantisch am besten paßt.

 

[Carragos]

ich raffs immer noch net ^^
Wozu is das gut wenn man auch ohne machen kann ?
Es klappt bei mir iwi immer mit <a... ohne iwi en blockelement ^^
Und bei der Grafik da musste man es ja auch net mit <p> machen... Wozu is das denn nütze
Ich benutze es immer nur fürs schreiben...
Is doch nur zusätzlich umstand oder ?

 

[M@U]

Ja es geht auch ohne..... Aber ein Link muss immer in einem Blockelement sein (Laut den regeln von XHTML)!

Das Eine ist richtig, das Andere falsch. So einfach;-)

 

[Elroy]

ich raffs immer noch net ^^
Wozu is das gut wenn man auch ohne machen kann ?
Es klappt bei mir iwi immer mit <a... ohne iwi en blockelement ^^
Und bei der Grafik da musste man es ja auch net mit <p> machen... Wozu is das denn nütze
Ich benutze es immer nur fürs schreiben...
Is doch nur zusätzlich umstand oder ?

Das zeigt das du den Sinn von HTML noch nicht verstanden hast.
Mit HTML gibst du deinem Inhalt eine Bedeutung.

Zwei Beispiele: Du hast eine Adresse in deinem Impressum also zeichnest du sie mit <address> aus.
Du hast ein Bild als Seitenüberschrift also zeichnest du es mit <h1> aus.

Das <p> ist dazu da damit der Inhalt die semantisch richtige Bedeutung erhält.

Gruss
Elroy

 

[Carragos]

Naja, ich weiß schon das Html zum strukturieren ist, aber das einzigste was ich nicht verstehe ist eben <p>
in <p> pack ich text rein !
Was gibt das fürn sinn da iwas anderes wie en bild reinzupacken ?
Link und bild gehen bei mir auch ohne irgendein <p> obwohl ich nicht weiß ob da en blockelement vor ist...
Was gibtn das fürn siinn...

 

[DrPCox]

P steht für paragraph und damit für text-absätze. in jedem test-absatz können aber auch bilder und links vorkommen. nicht logisch? glaube ich kaum? denn ginge es nicht, hätte wikipedia ein kleines problem^^

 

[Elroy]

Hallo.

Den Sinn habe ich dir gerade einen Post weiter oben erklärt.

Es geht nicht darum ob es Text, Bild oder was auch immer ist sondern welche semantische Bedeutung der Inhalt hat.
Also nochmal: Ich habe als Überschrift ein Bild auf meiner Seite.

Dieses Bild zeichne ich mit <h1> aus. Damit gebe ich dem Bild die Bedeutung "Überschrift erste Ordnung".

Bei dir steht das Bild sinnlos in der Gegend rum und hat überhaupt keine Bedeutung. Was glaubst du wohl was semantisch richtiger ist und worüber sich zum Beispiel ein Mensch mit einem Vorlesebrowser mehr freut.

Gruss
Elroy

 

[vitus37]

HTML wurde erfunden, um Inhalte nach ihrer Bedeutung auszuzeichnen, und zwar so, dass es jedes Endgerät interpretieren kann. Unter diesen Ausgabemedien ist also nicht nur dein stinknormaler Webbrowser, sondern auch Vorlesegeräte, Handys und PDAs, und viele andere Geräte.

Bindest du nun mit dem IMG-Tag ein Bild ein, so weiss keines dieser Medien, wie das Bild behandelt werden soll: ob es von Wichtigkeit ist, ob es ein Logo, eine Überschrift oder sonostwas ist.

Angenommen du hast einen News-Artikel mit Bild, so ist das Bild Bestandteil eines entsprechenden Artikel-Absatzes, somit gehört es auch in diesen, also ins P-Tag, hinein.

 

[struppi]

In ein p-Element kannst du alle möglichen Inline Elemente packen, angefangen von span, über strong, em und natürlich auch ein Bild. Jedes HTML Tag hat eine semantische Bedeutung (ausser div und span, diese dienen dazu um eben unbedeutende Abschnitte zu kennzeichnen oder Elemente zu gruppieren). Um das zu verstehen musst du dir einfach mal eine gut strukturierte Seite, ohne CSS anschauen (Im Firefox Menü Ansicht > Webseiten Stil > ohne). Dann erkennst du was welche Bedeutung hat, weil die Browservorgaben eine entsprechende Darstellung erzeugen. Auf anderen Ausgabegeräte wird dies aber auch umgesetzt, wie es Vitus schon gesagt hat.

Ob irgendetwas "funktioniert" oder nicht spielt da keine Rolle. HTML bzw. die Browser sind extrem fehlertolerant. Sie versuchen auch den unsinnigsten HTML Code darzustellen. Niemand hindert dich daran deinen HTML Code so zu strukturieren. D.h. wenn dir danach ist, darfst du HTML Tags so benutzen wie es dir beliebt. Zumindest ein Browser wird versuchen irgendetwas daraus zu machen.

Aber in dem Moment wo du andere Ausgabegeräte oder auch Suchmaschinenbots "glücklich" machen willst, solltest du dir Gedanken um Semantik oder auch Validität des codes Gedanken machen. Und richtig relevant werden diese Punkte, wenn du irgendetwas automatisieren musst (also wenn Programme deine Seite auslesen und auswerten sollen), dann kommst du um diese Punkte nicht herum.

Wenn das alles keinen Sinn für dich macht, dann ist das kein Problem. Dann hast du bisher nur HTML Seiten gemacht, die für dich funktionieren müssen und in einem Browser dargestellt werden müssen. Aber verlasse dich nicht darauf, dass das immer so sein wird und im zusammenhang mit CSS kann das natürlich auch problematisch werden. auch kann es sein, dass deine Seite ein schlechteres Ranking in den Suchmaschinen hat.