Tipps zur HTML-Formatierung und langen Dateien für das Webdesign
|
<br />Verwandte Artikel: 9 praktische Vorschläge für die Erstellung von Webinhaltsseiten 4 praktische Vorschläge für die Gestaltung von Webseiten 9 Vorschläge für das Layout von Webseiten HTML-Format 1. Cross-Tags sollten vermieden werden. Verschiedene Browser reagieren unterschiedlich auf Cross-Tags. 2. Verwenden Sie interlaced GIF und Jpeg. Da Interlaced-Bilder stufenweise angezeigt werden – zunächst in einer sehr niedrigen Auflösung, dann in zunehmend höheren Auflösungen, bis sie die normale Auflösung erreichen – kann es manchmal so aussehen, als würden größere Bilder schneller geladen (das ist zwar nicht wirklich der Fall, aber es ist eine hilfreiche Illusion). Dadurch können Leser auch leichter erkennen, wie das Bild während des Ladens aussieht, und haben, wenn es ihnen nicht gefällt oder sie es nicht sehen möchten, die Möglichkeit, die Übertragung zu unterbrechen oder woanders hinzugehen. 3. Sie können einen Link in ein HTML-Element einbetten, aber nicht umgekehrt und einen Link in einen Titel oder ein anderes HTML-Element einbetten. Lange Dokumente 1. Versuchen Sie sicherzustellen, dass beim Durchsuchen langer Dokumente kleine Bewegungen der Bildlaufleiste des Browsers keine großen Sprünge auf der Seite verursachen. Als Faustregel gilt: Drücken Sie die Bildlaufleiste einmal, um weniger als eine Seite zu gehen, sodass ein Teil des Inhalts des vorherigen Fensters noch sichtbar ist. 2. Ansonsten eine lange Datei in mehrere Unterdateien aufteilen und diese auf der Startseite verlinken. Bedenken Sie jedoch, dass untergeordnete Seiten zu toten Seiten werden können – manchmal liegt die Trefferquote bei weniger als 10 %. Gehen Sie dabei clever vor und geben Sie den Lesern einen guten Grund, die Unterseite aufzurufen bzw. darin zu stöbern. 3. Bei vielen Seiten ist es natürlich sinnvoll, auf der Startseite ein Inhaltsverzeichnis oder ein Verzeichnis bereitzustellen. Anstelle des üblichen, langweiligen und starren Baumlayouts sollten Sie es interessant gestalten, den Lesern einen Grund geben, den Links zu folgen und ihnen helfen, Inhalte zu verstehen, die sie sonst möglicherweise nicht sehen würden. 4. Wenn Sie den gesamten Inhalt in einer Datei unterbringen müssen, verwenden Sie ein Inhaltsverzeichnis und springen Sie vom Inhaltsverzeichnis aus direkt zum Anfang jedes Abschnitts. Oder machen Sie es noch besser: Stellen Sie eine separate Textdatei zum Herunterladen bereit – ohne alle Formatierungszeichen – um die Downloadzeit zu minimieren. |
<<: 3 einfache Möglichkeiten, Karusselleffekte mit JS zu erzielen
>>: Detaillierte Erklärung der HTML-Dokumenttypen
Artikel empfehlen
Warum Nginx besser ist als Apache
Nginx hat in nur wenigen Jahren den Großteil des ...
Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem
MySQL 5.7.9 Version sql_mode=only_full_group_by P...
MySQL-Lösung zur funktionalen Indexoptimierung
Bei der Verwendung von MySQL führen viele Entwick...
So stellen Sie gelöschte MySQL 8.0.17-Root-Konten und Passwörter unter Windows wieder her
Ich habe vor Kurzem mein SQL-Lernen beendet und M...
Beispiel für die Implementierung einer To-Do-Anwendung mit Vue
Hintergrund Zunächst möchte ich sagen, dass ich k...
WeChat-Applet implementiert Sortierfunktion basierend auf Datum und Uhrzeit
Ich habe vor kurzem ein kleines Programmierprojek...
Deaktivieren der Implementierungseigenschaften für Eingabetextfelder
Heute möchte ich einige sehr nützliche HTML-Tags z...
Empfehlen Sie eine coole interaktive Website, die von einem Front-End-Ingenieur erstellt wurde
Website-Link: http://strml.net/ Von Samuel Reed T...
Eine kurze Diskussion über MySql-Ansichten, Trigger und gespeicherte Prozeduren
Sicht Was ist eine Ansicht? Welche Rolle spielt e...
Implementierungsschritte für die Docker-Bereitstellung von Springboot- und Vue-Projekten
Inhaltsverzeichnis A. Docker-Bereitstellung des S...
Detaillierte Erklärung zweier Methoden zur Behebung eines Fehlers in der Justify-Content-Space-Between-Ausrichtung des Flex-Layouts
Wenn Sie „display:flex, justify-content: space-be...
Vorteile und Prinzipien der MySQL-Replikation im Detail erklärt
Bei der Replikation werden die DDL- und DML-Opera...
CSS zum Erzielen eines Animationseffekts der Tik Tok-Abonnementschaltfläche
Ich habe mir vor einiger Zeit Tik Tok angesehen u...
Die MySQL-Version ist niedriger als die, die keine zwei Werte vom Typ Zeitstempel unterstützt.
MySQL-Fehler: Fehlercode: 1293 Falsche Tabellende...
Was sind Inline-Elemente und Blockelemente?
1. Inline-Elemente nehmen nur die Breite des Inhal...