Ich beschäftige mich seit fast 3 Jahren mit der Frontend-Entwicklung. Heute möchte ich mit Ihnen über einige meiner persönlichen Erfahrungen in der WEB-Frontend-Entwicklung sprechen (natürlich ist das alles mein persönliches Verständnis. Bitte beziehen Sie mich mit ein und korrigieren Sie mich, falls vorhanden ist alles, was ich sage, unangemessen oder falsch).
Was sind WEB-Standards?
Haha, es soll ein WEB-Standard sein, aber hier fasse ich hauptsächlich einige Erfahrungen mit XHTML1.1 und CSS2.1 zusammen. Da WEB so viele Inhalte abdeckt, ist „WEB-Standards“ die allgemeine Bezeichnung für eine Reihe von Standards, darunter HTML4.0, XHTML1.1, CSS2.1, XML1.0, RSS2.0, ECMAScript1.1 und DOM1 und so weiter. Deshalb möchte ich Sie hier darauf hinweisen, dass der WEB-Standard nicht das ist, was wir DIV+CSS nennen.
Gerade oben erwähnt - DIV+CSS, haha, lass es mich hier erklären, das ist eigentlich falsch. Der genaue Begriff von DIV + CSS (persönliches Verständnis) sollte lauten: Die Verwendung von XHTML1.1 im vom W3C empfohlenen WEB-Standard in Kombination mit dem CSS2.0-Stylesheet zum Erstellen einer Seite sollte sich auf das XHTML-Tag beziehen, während sich CSS auf die Anzeige bezieht CSS-Stylesheet.
Vorteile der Entwicklung mithilfe von WEB-Standards
Warum empfiehlt das W3C eine solche Methode zur Seitenerstellung? Werfen wir einen kurzen Blick auf die Vorteile der WEB-Standardentwicklung (persönliches Verständnis) im Vergleich zum vorherigen TABLE-Layout.
1. Betriebskosten sparen und Geld sparen!
Haha, hättest du Interesse an etwas, das dir helfen kann, Geld zu sparen? Natürlich bin ich sehr interessiert. Sehen Sie, wie unsere WEB-Standardproduktionsmethode erreicht wird?
Mithilfe von WEB-Standards können wir eine sehr formale Trennung von Ausdrücken erreichen. Wir verwenden XHTML zum Ausdrucken (Daten) und CSS zur Steuerung der Form (Darstellung von Seitenelementen). Auf einer gut geschriebenen Seite enthält der XHTML-Code im Wesentlichen die Daten, die Benutzer sehen möchten, sowie andere dekorative Dinge, die alle von unserem CSS gesteuert werden. Auf diese Weise wird die Größe unserer (XHTML-)Seite erheblich reduziert, sodass Ihre Bandbreitenkosten reduziert werden. Sie können sich vorstellen, dass die Homepage von YAHOO 1.000.000 Personen gleichzeitig besucht Wie viel Bandbreite wird gespart? Und die Bandbreite kann besser ausgenutzt werden.
Unser CSS steuert die Stile aller Seitenelemente. Wenn Sie nun den Gesamtstil der Website ändern möchten, müssen Sie nur ein paar Minuten damit verbringen, eine CSS-Datei zu ändern, und das ist ganz einfach. Auch die Wartungskosten sind gesunken, was eine Menge Geld spart, oder? Außerdem werden Sie diese Seite viel schneller öffnen. Eine Seite, die Sie eine halbe Minute warten lässt. Sofern die darin enthaltenen Informationen für Sie nicht sehr nützlich sind, haben wir im Grunde nicht viel Zeit zum Warten.
2. Es ist benutzerfreundlicher und bietet die Möglichkeit, mehr Benutzer zu gewinnen.
Lassen Sie uns nun über Benutzerfreundlichkeit sprechen. Zuerst möchte ich unsere Benutzer in Kategorien einteilen.
Kategorie 1: Normale Benutzer (jeder, der unsere Website besucht);
Kategorie 2: Suchmaschinen;
Mit WEB-Standards entwickelte Seiten zeichnen sich durch eine klare Struktur, eine geringe Seitengröße und eine gute Browserkompatibilität aus. Wenn normale Benutzer darauf zugreifen, wird die Seite schnell geöffnet. Unabhängig davon, welchen Browser der Benutzer verwendet, kann er normal auf die Seite zugreifen (anzeigen). Die Seitenstruktur ist klar und die gesuchten Daten können problemlos durchsucht werden.
Für Suchmaschinen ist eine gute Seite, die nach WEB-Standards entwickelt wurde, sehr benutzerfreundlich und es ist leicht zu verstehen, wo sich der Titel (H1~H6-Tags) auf Ihrer Seite befindet und wo sich der Titel befindet (S Tag), wo sich der Inhalt befindet, der im Absatz hervorgehoben werden soll (starker Tag) usw., kann er leicht analysiert werden. Wie wir alle wissen, hat eine Website mit guter Suchmaschinenoptimierung bessere Chancen, von Suchmaschinen indiziert zu werden. Dies bedeutet auch, dass Ihre Website von mehr normalen Benutzern besucht wird, was mehr Benutzer auf Ihre Website bringt.
Dies kann uns helfen, viel Geld zu sparen und die Arbeitseffizienz zu verbessern. Gleichzeitig kann es die Geschwindigkeit beim Durchsuchen von Seiten verbessern, benutzerfreundlich sein und Ihnen sogar mehr Benutzer bringen, ohne Geld für Werbung auszugeben. Glaubst du, du würdest es nutzen? Haha, das ist auch der Grund, warum unser W3C die Verwendung von WEB-Standards für offene Websites empfiehlt. Diese Technologie wurde auch von unseren Benutzern anerkannt, daher müssen Sie jetzt WEB-Standards erlernen. ^-^!
Haha, ich habe die Grundkurse durchgesehen und fange nun offiziell an, über XHTML- und CSS-Kenntnisse zu sprechen.
Angemessenes Layout
Einige Freunde werden sich fragen, warum wir von Anfang an über ein angemessenes Layout sprechen. Haha, wir haben bereits einige Wissenspunkte erwähnt: „Klare Struktur, SEO-Optimierung, kleine Seitengröße und XHTML-Code enthalten im Grunde alle Benutzeranforderungen.“ die Daten“. Diese Dinge sind das Ergebnis unseres vernünftigen Layouts. Und ich persönlich habe das Gefühl, dass alles, was wir mit WEB-Standards produzieren, von diesem Wissenspunkt ausgeht, deshalb werde ich zuerst über dieses Thema sprechen.
Dann wird sich jeder fragen: Welche Art von Seite gilt als sinnvolles Layout? Nun, das ist eine gute Frage. Es ist auch eine der am häufigsten gestellten Fragen, wenn wir anfangen, den Umgang mit WEB-Standards zu erlernen. Ich werde hier über einige meiner Verständnisse von vernünftigem Layout sprechen .
Bevor wir über die Elemente sprechen, die eine richtig gestaltete Seite erreichen sollte, wäre es für uns intuitiver, sie anhand eines Beispiels zu erklären. Schauen wir uns zunächst dieses Bild an:
http://www.yaohaixiao.com/samples/myblog/index.htm
Ja, dies ist eine Artikeldetailseite, es gibt kein linkes und rechtes Spaltenlayout, aber ich möchte mich hier auf ein vernünftiges Layout konzentrieren, das ich in einem späteren Artikel ausführlich vorstellen werde. Okay, zurück zum Thema gerade, jeder hat diese Seite gesehen.