1. Juni 2010, 13:14 Uhr
15 Kommentare · Schreiben
Anders als bei der Causa HTML5 gibt es hier keine Ausreden. Wenn das da oben durcheinander gebracht wird, sind Missverständnisse und Chaos vorprogrammiert. So gehet nun hin und lehret den Unwissenden, auf dass man nie wieder rätseln muss, was jemand mit der Strong-Tag
überhaupt meint.
15 Kommentare
·
Kommentieren
·
Twittern
Mehr zum Thema: 
HTML
Lob, Kritik, Anmerkungen oder Widerspruch? Schreib einen Kommentar!
Geschrieben am 1. Juni 2010 um 13:21 Uhr
Man könnte das Attribut noch in Attributschlüssel und Attributwert aufteilen.
Geschrieben am 1. Juni 2010 um 14:02 Uhr
Yep, kurz und knackig aufgezeichnet. Hierher kann zu gegebenem Anlass dann (wortlos) verlinkt werden. Thx
Geschrieben am 1. Juni 2010 um 22:58 Uhr
Schöne einfache sympathische Grafik. Danke dafür. Hier der Link zu meinem Versuch, die Verwirrung um “Tags” und “Elemente” zu beseitigen:
HTML: Die ewige Verwirrung um “Tags” und “Elemente” (mit Grafik)
Attribute habe ich in der Grafik gar nicht erst mit aufgenommen. Wie twitterte pookerman letztens so schön: “alt-Tags sind die neuen image-Attribute”.
Geschrieben am 2. Juni 2010 um 07:56 Uhr
Kunde: Ach SEO? Das ist doch das mit dem ALT-Tag?!
Geschrieben am 2. Juni 2010 um 10:32 Uhr
Zitat ixiter ↑:
“Element” ist ein freihändig gezeichneter grüner Rahmen?
“Alle Teile zusammen heißen HTML-Element und werden im Browserfenster als rechteckige Kästchen dargestellt. Alle Texte und Grafiken einer Webseite liegen in solchen Kästchen. Ohne Ausnahme.”
Ein Element ist am Bildschirm ein unsichtbares, rechteckiges Kästchen. Eine Webseite besteht aus nichts anderem als lauter “Little Boxes” ;)
Geschrieben am 2. Juni 2010 um 10:33 Uhr
Zitat Der Aysberg ↑:
Kunde: Ach SEO? Das ist doch das mit dem ALT-Tag?!
Nein, SEO ist doch das mit den Keyword-Tags ;-)
Geschrieben am 2. Juni 2010 um 17:41 Uhr
Zitat Peter Müller ↑:
“Alle Teile zusammen heißen HTML-Element …”
Ja OK.
Bei ..
<div><em>foobar</em></div>
gibt es also ein nicht weiter benanntes HTML Element mit einem div tag. innerhalb des div tags ist dann ein weiteres nicht näher benanntes HTML Element, das einen em tag enthält.
Bisschen viele unnötige, weil nicht näher benannte, HTML Elemente für meinen Geschmack.
Nach meinem Verständnis kann Element ja auch ausschließlich Tag(s) enthalten, bzw. Element == Tag.
Da könnte man in der Reihe doch gleich beim Tag anfangen und hätte ein div tag in dem ein em tag ist.
Element ist irgendwie unnötig.
Geschrieben am 3. Juni 2010 um 17:28 Uhr
Zitat ixiter ↑:
Ich verstehs ja soweit, aber was ist “Element” ?
Lesenswerter Artikel bei SELFPHP: Allgemeine Regeln für HTML - Textauszeichnung
cx
Geschrieben am 5. Juni 2010 um 10:47 Uhr
Zitat ixiter ↑:
Bei ..
<div><em>foobar</em></div>
gibt es also ein nicht weiter benanntes HTML Element mit einem div tag. innerhalb des div tags ist dann ein weiteres nicht näher benanntes HTML Element, das einen em tag enthält.
Nein. Es gibt kein “nicht weiter benanntes HTML-Element”:
Im Beispiel besteht das HTML-Element div aus dem Anfangs-Tag <div> und dem Ende-Tag </div>. Elementnamen haben keine spitzen Klammern davor und dahinter, das haben nur Tags.
Das div-Element wird am Bildschirm vom Browser als unsichtbares Rechteck (“Box”) dargestellt. Da div ein Block-Element ist, wird die Box so breit wie es geht.
Das HTML-Element div enthält in deinem Beispiel das HTML-Element em. Das besteht aus dem Anfangs-Tag <em> und dem Ende-Tag </em>. Da em ein Inline-Element ist, wird das Rechteck nur so breit wie der Inhalt, und das ist das Wort foobar.
Im Browser gibt es also ein Block-Element div, in dem ein Inline-Element em liegt, das den Text foobar enthält. Die Rechtecke kannst du per CSS z. B. mit border sichtbar machen.
Fazit:
<div><em>foobar</em></div>
- zwei “Elemente” namens div und em.
- vier Tags:
—- zwei “Anfangs-Tags” <div> und <em>
—- zwei “Ende-Tags” </em> und </div>
- Inhalt “foobar”
Kein einziges “nicht weiter benanntes Element” ;)
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>{html}{/html} (HTML), {php}{/php} (PHP), {js}{/js} (Javascript) {css}{/css} (CSS), {code}{/code} (sonstiger Code, keine Hervorhebung)< zu <, > zu > usw.).
Bernd ¶
Geschrieben am 1. Juni 2010 um 13:18 Uhr
Wunderbar auf den Punkt gebracht. Danke !