 |
Die letzten 5 Postings in diesem Thema » Alle anzeigen
| von fred |
| <br> ist der Sonderfall eines erzwungenen Zeilenumbruchs. Absätze sollten durch <p> umschlossen sein. Dadurch hat der Browser also ersmal die Information über die logische Struktur des Dokumentes. Der IBM-Screenreader fängt z.B. beim Beginn des Absatzes an zu lesen, wenn man in ihn hineinklickt. |
Ich werd das bei Gelegenheiten mal umschreiben.
Das leere <div> und das <h5> geben dem Browser also fehlerhafte Informationen. |
Oki, ich bedanke mich. Habe das geändert. |
| von subjective |
<br> ist der Sonderfall eines erzwungenen Zeilenumbruchs. Absätze sollten durch <p> umschlossen sein. Dadurch hat der Browser also ersmal die Information über die logische Struktur des Dokumentes. Der IBM-Screenreader fängt z.B. beim Beginn des Absatzes an zu lesen, wenn man in ihn hineinklickt.
| Beim Footer würde ich auf die Überschrift verzichten. |
| Mh...? Ist die Linie gemeint? Ich denke das könnte man lassen, gibt dem Layout ein bisschen Abwechslung, anstatt ideenloses Einfügen der Texte. |
Nein ich meine die Überschrift - also das <h2> im Footer.
<hX> dient als Kennzeichnung für Überschriften. Richtig verwendet, bekommt der Browser Informationen über die einzelnen Teile des Inhaltes.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12: |
<h1>Seitenüberschrift</h1>
<h2>Bereich 1</h2>
<p>...</p>
<h3>Unterbereich 1.1</h3>
<p>...</p>
<h3>Unterbereich 1.2</h3>
<p>...</p>
<h2>Bereich 2</h2>
<h3>Unterbereich 2.1</h3>
<p>...</p>
|
Die eigentliche Formatierung macht man über CSS. Du verwendest es ja schon - aber halt nicht richtig. Mein Voschlag konnte nicht direkt "klappen", da dein CSS nicht dazu paßt.
Das leere <div> und das <h5> geben dem Browser also fehlerhafte Informationen. |
| von fred |
Hallo,
danke ersteinmal für dein Feedback  .
| Ansonsten ist das Design halt einfach aber gut lesbar. |
Danke sehr .
| Du solltest dem Inhalt links etwas mehr Abstand gönnen. |
Kein Problem. Hab es mal etwas angehoben, ggf. schon ein wenig zu viel?
| Technisch solltest du die Tags "logischer" einsetzen. |
Ich hatte das gerade mal ausprobiert und es klappte nicht direkt mit deinem Vorschlag.
Ich habe jetzt folgenden Code:
1:
2:
3:
4: | <div class="top_head"> </div>
<h5>Seitenüberschrift</h5>
[..]
<div class="under_head"> </div> |
| Beim Footer würde ich auf die Überschrift verzichten. |
Mh...? Ist die Linie gemeint? Ich denke das könnte man lassen, gibt dem Layout ein bisschen Abwechslung, anstatt ideenloses Einfügen der Texte.
Auch solltest du statt den vielen
s, den Inhalt besser mit <p>Absätzen</p> gliedern. |
Ich war bisher kein Freund von p-Tags und habe es auch nicht unbedingt vor zu werden. Selbstverständlich ist die Arbeit durch p-Tags einfacher, aber mir persönlich machen die Setzungen von br-Tags keine große Mühe. Oder würde etwas anders für p-Tags sprechen, auf das ich unbedingt setzen sollte? |
| von subjective |
Du solltest dem Inhalt links etwas mehr Abstand gönnen. Ansonsten ist das Design halt einfach aber gut lesbar. Eventuell die Formularelemente etwas anders formatieren, damit man sie besser erkennt.
Technisch solltest du die Tags "logischer" einsetzen. Beispielsweise:
1:
2: | <h5 class="top_head"> </h5>
<b>Über mich</b><br /> |
Hier wäre eigentlich 1: | <h1 class="top_head">Über mich</h1> |
sinnvoller. Schließlich ist das ja die Überschrift der Seite. Über CSS kannst du dann Linien setzen und Schriftgrößen ändern. Die Überschriften der Absätze wären dann <h2> - statt einfach fett. Beim Footer würde ich auf die Überschrift verzichten.
Auch solltest du statt den vielen <br>s, den Inhalt besser mit <p>Absätzen</p> gliedern. |
| von fred |
Guten Tag,
da möchte ich diesen Beitrag mal aufleben lassen.
Ich habe bereits vor einigen Tagen meine Internetseite einem kleinen Relaunch unterzogen. Diesmal habe ich auf große Einfachheit geachtet, selbstverständlich Geschmackssache.
Hier die URL:
-> http://www.frederic-schneider.de |
|
|
|
