Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Einige Gedanken zum Erlernen von Xhtml+CSS2_CSS/HTML

WBOY
Freigeben: 2016-05-16 12:11:48
Original
1392 Leute haben es durchsucht

Seit das W3C den Xhtml1.0-Standard etabliert hat, haben viele Websites begonnen, ihn zum Rekonstruieren ihrer Websites zu verwenden, z. B. Yahoo, 163, CSDN usw. Die Begeisterung für Xhtml + CSS2 hat in letzter Zeit zugenommen, daher habe ich gelegentlich auch damit begonnen um sie zu lernen, und habe mich nach und nach in sie verliebt. Lassen Sie uns nun über meine Lernerfahrungen in der letzten Zeit sprechen.

Warum Sie Xhtml+CSS2 lernen sollten

Zuallererst kann standardisierter Code in verschiedenen Browsern reibungslos dargestellt werden.

Einige Webseiten mit nicht standardmäßigen Codes können im IE normal angezeigt werden, in Firefox und Opera werden sie jedoch möglicherweise nicht richtig angezeigt. Obwohl die aktuellen Mainstream-Browser IE und verschiedene Browser mit IE als Kern sind, schließen wir die allmählich wachsende Benutzerbasis von Browsern wie Firefox und Opera nicht aus, und die meisten dieser Gruppen sind meiner Meinung nach Veteranen, die sich besser mit Computern auskennen Es wäre ein schlechtes Gefühl, wenn sie ihre Website dafür schimpfen würden, sie sei zu beschissen, haha.
Das bedeutet natürlich nicht, dass Webseiten, die mit Tabellen usw. erstellt wurden, nicht den Standards entsprechen. Es ist nur so, dass viele Menschen derzeit daran gewöhnt sind, Forntpage oder Dreamweaver für das Design zu verwenden, aber sie sind es bringen auch viele Probleme mit sich, da diese Software einige Codes mehr oder weniger automatisch addiert oder subtrahiert. Wenn Sie nicht die Angewohnheit haben, den Code zu überprüfen, kann es leicht zu unregelmäßigen Codes kommen.

Zweitens vereinfacht DIV + CSS2 das Seitenlayout
Es soll Xhtml+CSS2 sein, tatsächlich wird DIV+CSS2 jedoch häufiger zum Erstellen einer Website verwendet. Wenn Sie zuvor eine große Anzahl verschachtelter Tabellen zum Layouten oder Einrichten einer Seite verwendet haben, teilen Sie normalerweise eine Seite und verwenden Zellen, um Bereiche zu beschreiben. Dies ist in Software wie WYSIWYG intuitiver, hat jedoch mehrere Auswirkungen Erstens kann es sich auf die Download-Geschwindigkeit auswirken. Außerdem ist eine solche Struktur sehr unintuitiv. Wenn Sie versehentlich einen Fehler mit colspan machen. ", Dann wird das Layout der gesamten Seite völlig anders sein.
Die Verwendung von CSS für das Layout ähnelt der Bedienung von Ebenen in PS, da es in CSS relative und absolute Konzepte gibt, haha, es macht das Seitenlayout einfacher und bequemer.

Außerdem kann Xhtml die Dateigröße reduzieren
Obwohl die Internetgeschwindigkeit jetzt immer schneller wird, wer möchte nicht, dass seine Website schneller ist? Die Welt ist nicht die Erde. sondern von China Telecom bis China Netcom. Die Verwendung von Xhtml wird Ihnen helfen, dieses Problem zu lösen, haha.

Angesichts der oben genannten Punkte habe ich mich nach und nach daran gewöhnt, Xhtml+CSS2 zum Erstellen von Websites zu verwenden.

Erfahrungen während des Lernens

Coding-Schreibtools: Da es keine visuellen Tools zum Schreiben von Xhtml+CSS2-Seiten gibt, ist es notwendig, ein Code-Schreibtool zu finden, das zu Ihnen passt Verwenden Sie Editplus, und ich empfehle es, wie Sie es empfohlen haben. Einige Tipps zur Verwendung von Editplus finden Sie hier:
http://www.ifess.com/?p=23

Struktur des Seitenlayouts: Eine Seite muss zunächst ein Gesamtlayout haben, z. B. Kopfzeile, Menü, Seitenleiste, Inhalt, Fußzeile usw., indem die CSS-Attribute dieser Elemente definiert werden, um der Seite eine Gesamtunterteilung zu geben, und dann schreiben Spezifische Details in diesen Elementen, damit die Seite nicht überladen aussieht.

CSS-Schreibmethode: In einem Projekt können die Attributwerte, die Inhaltsattribute und strukturelle Layoutattribute definieren, separat geschrieben werden, was das Auffinden und Ändern erleichtert. Versuchen Sie, wiederholte Definitionen so weit wie möglich zu reduzieren, und schreiben Sie keine wiederholten Attribute, die vererbt werden können. Versuchen Sie, CSS-Attributwerte zu verwenden, die mit IE und Firefox kompatibel sind, da einige Attribute nach dem Schreiben nicht normal angezeigt werden können, was einer verschwendeten Mühe gleichkommt.

Xhtml-Datei: Versuchen Sie, CSS-Dateien über externe Links aufzurufen. CSS-Attribute, die nur einmal vorkommen, können auch in die Datei geschrieben werden. Beim Schreiben von Code ist es am besten, Kommentare zu schreiben und auf das Ausrichtungsformat zu achten, um die Fehlerprüfung zu erleichtern.

Das ist alles, woran ich im Moment denken kann, jeder ist willkommen, es gemeinsam zu besprechen.

Im Folgenden finden Sie einige häufig verwendete Ressourcen und Links:

CSS2.0 Chinese Manual, Korean Business Website Design Analysis, Color Standard 2004, JS Manual:
http:/ / www.im286.com/viewthread.php?tid=875287
Xhtml1.0-Validierungsseite:
http://validator.w3.org/checklink
CSS Validierungsseite:
http://jigsaw.w3.org/css-validator/
CSS-Online-Optimierung:
http://flumpcakes.co.uk/ css /optimiser/


Quelle des Artikels: http://www.ifess.com/?p=70 Autor: Veraltetes IPv6, bitte beim Nachdruck angeben.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!