Struppi: SPAN contra EM/STRONG/...

Beitrag lesen

Na, es liegt da offensichtlich sehr viel Interpretationsfreiheit drin. Ich übersetzte _attributes_ mit Eigenschaften. Man mag sich drüber streiten, ob Tags ohne voreingestellte Eigenschaften grundsätzlich eigenschaftslos sind, aber die Möglichkeit ein Tag mit Eigenschaften zu überladen ist nach meiner Ansicht auch eine Eigenschaft, wenn auch nicht im technischen Sinne der Eigenschaften selbst, mit der man ein TAG überladen kann.

Es geht nicht um CSS- oder Darstellungseigenschaften. Bedeutung bzw. Bedeutungslos meint die Bedeutung im Textkörper.

<p>, <hx>, <ol>, <ul>, <dl>, <table> sind Blockelemente mit denen du Abschnitte Kennzeichnest, die eine dem Tag entsprechende Bedeutung haben.
<em>, <strong>, <cite> ... sind Inlineelemente mit denen du Textabschnitte innerhalb eines Blocks entpsrechend der Bedeutung des Tags kennzeichnest.

D.h. wenn du ein Zitat hast nimmst du <cite> hast du einen Abschnitt der wichtig ist nimmst du <em> ist der Abschnitt sehr wichtig <strong>.

Das ist z.b. auch für Screenreader interessant, die diese Abschnitte dann entsprechend betonen oder mit einer Pause vorlesen können.

Möchtest du einem Absatz oder einem Abschnitt lediglich ein anderes Layout geben, ohne das dieser eine besondere Bedeutung hat, dann sollst du <span> oder <div> verwenden.

Aus deinem Beispiel geht nicht klar hervor, ob der von dir mit <span> markierte Bereiche eine besondere Bedeutung hat und somit evtl. besser mit <em> oder <strong> markiert würde oder ob es dir lediglich um eine visuelle Verbesserung geht.
Ich finde man kann sowas am besten feststellen, wenn du dir den Text mit abgeschalteten CSS anschaust und du denkst das die Darstellung dem entspricht wie du den Inhalt vermitteln möchtest, dann hast du dir richtigen HTML Elemente verwendet.

Struppi.

0 90

Spans nebeneinander in einer Html-Seite darstellen

Messmar
  • html
  1. 2
    MudGuard
    1. 0
      Messmar
      1. 0
        egon
        • css
        1. 0
          Messmar
          1. 2
            MudGuard
            1. 0
              Messmar
              1. 2
                egon
              2. 1
                fireeye
                1. 0
                  daniel84
                  1. 0
                    fireeye
                    1. 0
                      daniel84
                      1. 0

                        SPAN contra EM/STRONG/...

                        fireeye
                        1. 0
                          wahsaga
                          1. 0
                            fireeye
                            1. 0
                              wahsaga
                              1. 0
                                fireeye
                                1. 0
                                  Struppi
                                  1. 0
                                    fireeye
                                    1. 0
                                      Struppi
                                    2. 0
                                      wahsaga
                                      1. 0
                                        fireeye
                                        1. 0
                                          MudGuard
                                          1. 0
                                            fireeye
                                            1. 0
                                              daniel84
                                            2. 0
                                              at
                                        2. 0
                                          daniel84
                                2. 0
                                  wahsaga
                            2. 0
                              at
                        2. 0
                          Struppi
                          1. 0
                            fireeye
                            1. 0
                              Struppi
                              1. 0
                                fireeye
                            2. 0
                              Ingo Turski
                              1. 0
                                fireeye
                                1. 0
                                  daniel84
                                  1. 0
                                    fireeye
                                    1. 1
                                      daniel84
                                      1. 0
                                        fireeye
                                      2. 0
                                        at
                                        1. 0
                                          fireeye
                                          1. 0
                                            at
                                            1. 0
                                              fireeye
                                              1. 0
                                                at
                                                1. 0
                                                  fireeye
                                                  1. 0
                                                    at
                                                    1. 0
                                                      fireeye
                                                      1. 0
                                                        at
                                                        1. 0
                                                          fireeye
                                2. 1
                                  Ingo Turski
                                  1. 0
                                    fireeye
                                    1. 1
                                      Ingo Turski
                                      1. 0
                                        fireeye
                                        1. 1
                                          Struppi
                                          1. 0
                                            fireeye
                                        2. 0
                                          Ingo Turski
                            3. 0
                              daniel84
                              1. 0
                                fireeye
                                1. 1
                                  Detlef G.
                                  1. 1
                                    MudGuard
                                    1. 0
                                      fireeye
                                      1. 1
                                        Ingo Turski
                                        1. 0
                                          fireeye
                                          1. 0
                                            daniel84
                                            1. 0
                                              fireeye
                                              1. 0
                                                Ashura
                                                1. 0
                                                  fireeye
                                          2. 0
                                            Ingo Turski
                                            1. 0
                                              fireeye
                                              1. 0
                                                Ashura
                                                1. 0
                                                  fireeye
                                                  1. 0
                                                    Ashura
                                                    1. 0
                                                      fireeye
                                                2. 0
                                                  at
                                                  1. 0
                                                    Ashura
                                                    1. 0
                                                      at
                                                      1. 0
                                                        Ashura
                                                        1. 0
                                                          Ingo Turski
                                                          1. 0
                                                            Ashura
                                                            1. 0
                                                              Ingo Turski
                                                              1. 0
                                                                Ashura
                                                                1. 0
                                                                  at
                                                        2. 0
                                                          at
                                                          1. 0
                                                            Ashura
                                                            1. 0

                                                              Nachtrag: SPAN contra EM/STRONG/...

                                                              Ashura
                                                              1. 0
                                                                at
                                              2. 0
                                                Ingo Turski
                                      2. 0
                                        MudGuard
                                  2. 0
                                    fireeye
      2. 2
        MudGuard