daniel84: SPAN contra EM/STRONG/...

Beitrag lesen

Hallo fireeye,

Das Ziel war, Symbole aus der MSR-Technik vom übrigen Text abzugrenzen. Die Entscheidung, wie der Stil für die Klasse "msrtags" entgültig zu definieren war, hab ich mir bis zum Schluß aufgehoben, da ich sehr viel Wert auf ein ausgewogenes Schriftbild lege. Viel buntes und viele Schriftarten machen eben noch kein gutes Dokument, eher das Gegenteil ist der Fall. Bei EM/STRONG hätte ich mich schon vorher festlegen müssen. <span class="msrtags"> bietet mir aber die Möglichkeit, den Eindruck des gesamten Dokumentes nachzubessern.

Obwohl es dir Struppe und wahsaga nun eigentlich schon zur Genüge zu erklären versucht haben, klinke ich mich nochmals kurz ein. So wie du argumentierst, hast du nicht verstanden, dass du auch ein STRONG-Element nach Belieben formatieren kannst. Im Moment steht bei dir

<SPAN class="msrtags"> und im CSS .msrtags { font-style:italic; color:#006666; }

Besser ist, wenn du schreibst:

<EM class="msrtags"> und im CSS .msrtags { font-style:italic; color:#006666; }

Eigentlich kannst du statt EM auch STRONG nehmen, dann ergänzt du einfach im CSS noch um font-weight:normal; (wenn dich der Fettdruck, den STRONG in den meisten Browsern per Default hat, stört).

In den meisten grafischen Browsern (auch im IE, gegen den du erfolgreich gekämpft hast) wird das Resultat genau gleich aussehen, ob du nun SPAN oder EM verwendest! Ich wiederhole: <SPAN class="msrtags"> und <EM class="msrtags"> wird den betroffenen Textabschnitt genau gleich erscheinen lassen!

Wenn du dir die Seite allerdings in einem Textbrowser (z.B. Lynx) anschaust, wird die Passage mit SPAN nicht von "normalem" Text zu unterscheiden sein. Wenn du die Passage aber mit EM formatierst, wird auch in einem Textbrowser eine Hervorhebung vorgenommen! Und das ist genau der Unterschied, den du erkennen solltest! Wie ein Textbrowser versteht nämlich z.B. auch ein Screenreader kein CSS, sodass auch dort nur eine Betonung vorgenommen wird, wenn du EM verwendest, nicht aber bei einem mit CSS noch so hübsch formatierten SPAN!

Mir ist übrigens klar, dass das bei deinem aktuellen Projekt nicht so relevant ist - du solltest aber erkennen, warum das allgemein durchaus einen Unterschied macht - und zwar nicht nur in der Theorie!

Gruss aus Luzern,
Daniel

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