Heim Web-Frontend CSS-Tutorial Mehrere Missverständnisse über Webstandards für Anfänger_CSS/HTML

Mehrere Missverständnisse über Webstandards für Anfänger_CSS/HTML

May 16, 2016 pm 12:11 PM

Ich freue mich sehr, dass viele Designer anfangen, auf Webstandards zu achten und zu versuchen, sie zum Erstellen von Webseiten zu verwenden. Allerdings haben wir bei den Fragen und der Produktion von Internetnutzern mehrere Probleme festgestellt, und ich möchte Sie hier daran erinnern:

1. Die Standardisierung erfolgt nicht nur, um die Verifizierung zu bestehen.
Die ursprüngliche Absicht von Webstandards besteht darin, Inhalt (Struktur) und Präsentation zu trennen, also Stile zu trennen und sie in separate CSS-Dateien zu packen. Dies hat den Vorteil, dass Inhalte und Leistung getrennt verarbeitet werden können und außerdem die Suche und Wiederverwendung von Inhalten erleichtert wird.

Die W3C-Validierung hilft Ihnen lediglich zu überprüfen, ob das Schreiben von XHTML-Code standardisiert ist und ob die CSS-Attribute innerhalb der CCS2-Spezifikation liegen. Die Standardisierung des Codes ist nur der erste Schritt. Dies bedeutet nicht, dass meine Webseite standardisiert wird, wenn sie die Überprüfung besteht. Wir standardisieren nicht, um Ruhm zu erlangen oder vor anderen anzugeben: „Sehen Sie, meine Seite hat die Überprüfung bestanden.“ Unser Ziel ist es, die Arbeit unseres Webdesigns effizienter zu gestalten, die Größe der Webseite zu reduzieren und zu sein Sie können es in jedem Browser verwenden und auf Netzwerkgeräten normal surfen.

Bitte beruhigen Sie sich und studieren Sie die Bedeutung von Webstandards sorgfältig und verstehen Sie sie. Das Internet ist bereits voller Ungestüm und Eitelkeit. Bitte tragen Sie diesen Trend nicht zur Anwendung von Web-Standards bei. Dies würde nur die Förderung von Web-Standards beeinträchtigen.

2. Verwenden Sie kein traditionelles Tabellendenken, um Divs zu verschachteln.
„Das CSS-Layout besteht darin, die ursprüngliche Tabelle durch Div zu ersetzen. Früher war es Tabellenverschachtelung, aber jetzt ist es DIV-Verschachtelung.“ !

Bitte brechen Sie aus der Beschränkung des ursprünglichen Tabellenlayouts aus und geben Sie die Denkweise auf, Bilder und Inhalte nacheinander zu platzieren. Wir haben oben gesagt, dass der Zweck von Webstandards darin besteht, Inhalt und Leistung zu trennen. Sie können es sich so vorstellen: Die Seite enthält nur Inhalt ohne Änderungen (Dieses Bild bezieht sich auf Bild im Inhalt, das ein Bild mit echter Bedeutung ist). Diese Textbilder werden einfach der Reihe nach aufgelistet, nur mit Struktur und ohne Stil. Fügen Sie dann die Leistung hinzu, verwenden Sie alle geänderten Bilder als Hintergründe und definieren Sie mithilfe von CSS die Position, Schriftart, Farbe usw. jedes Inhaltselements.

Auf der auf diese Weise erstellten Seite sind Inhalt und Leistung getrennt. Das heißt, wenn Sie die CSS-Datei entfernen, bleibt sauberer Inhalt übrig. Auf diese Weise können Sie es in einem Textbrowser lesen, auf einem Mobiltelefon oder PDA lesen und das CSS jederzeit ändern, um eine Überarbeitung zu erreichen.

3. Es ist nicht erforderlich, für jeden Inhalt eine ID zu erstellen
Einige Internetnutzer beschwerten sich, dass die CSS-Datei zu groß und kompliziert sei. Als ich mir ihren Code genau ansah, stellte ich fest, dass der Grund darin liegt, dass sie ein Div definieren und eine ID für jeden Inhalt oder sogar jeden Satz erstellen. Dies liegt zum einen an der Unkenntnis von Stylesheet-Anwendungen, zum anderen aber auch an mangelndem Verständnis für Webstandards.

Wir wissen, dass Inhalte eine Struktur haben (wenn Sie das nicht verstehen, lesen Sie bitte: [url=http://www.w3cn.org/article/tips/2004/43.html]Verstehen Sie die Trennung von Leistung und Struktur[/ URL]) können wir denselben Stil verwenden, um den Inhalt derselben Struktur zu definieren, z. B. dieselbe Ebene von Titel, Text und Bildern. Für Stile, auf die mehrfach verwiesen wird, können Sie sie mithilfe der Klasse definieren. Sie müssen nicht für jeden Stil eine ID verwenden. Außerdem bedeutet dies nicht, dass Sie

verwenden müssen

, Sie können es vollständig durch
ersetzen, bei dem es sich ebenfalls um Elemente auf Blockebene handelt und die gleichen sieben Parameter des Boxmodells

haben

Einfach praktisch zum Schwimmen.

Was das Hinzufügen zusätzlicher Divs nur für Zeilenhöhe, Abstand und ein geändertes Bild betrifft, kann man diese meiner Meinung nach mit der Anwendung und dem Verständnis von CSS schnell weglassen. Wir lehnen die Verwendung der DIV-Verschachtelung als Ersatz für die Tabellenverschachtelung ab. Dies macht keinen Sinn und kann die Strukturierung des Inhalts nicht widerspiegeln. Ich hoffe, dass jeder mehr CSS lernt und die prägnantesten und effektivsten Stylesheets schreibt.

4. Geben Sie nicht einfach wegen eines kleinen Rückschlags auf.
Ich denke, das ist eine Frage der Einstellung und des Ansatzes, nicht nur beim Erlernen von Webstandards. Es ist schwierig, neues Wissen zu erlernen und neue Konzepte zu akzeptieren, insbesondere wenn Sie dazu Ihre bestehenden Gewohnheiten und Denkweisen ändern müssen. Die Frage ist nur: Glauben Sie, dass es sich lohnt, Webstandards zu lernen? Sie können sich fragen: Erkennen Sie die Vorteile, die Webstandards mit sich bringen (vereinfachter Code, beschleunigte Entwicklung, komprimierte Dateigröße, erhöhte Download-Geschwindigkeit, bessere Benutzerfreundlichkeit, mehr Benutzer, einfachere Wartung, Kompatibilität mit mehreren Plattformen)? Haben Sie das Gefühl, dass weltweites XML noch in weiter Ferne liegt? Glauben Sie, dass Ihre aktuellen HTML-Kenntnisse ausreichen?

Seit 1999 hat sich die Technologie zur Erstellung von Webseiten in China nicht wesentlich weiterentwickelt oder verändert (mit Ausnahme des Aufstiegs von Flash), aber das Tempo des Fortschritts im Ausland hat nie aufgehört, xhtml1.0, xhtml1.1, xml, xsl .. ., W3C und große Softwareunternehmen forschen ständig an der Webtechnologie und entwickeln sie weiter, um sie bequemer, effektiver und leistungsfähiger zu machen. Die Anwendung und Förderung von Webstandards erfolgt seit mehr als acht Jahren im Ausland (beginnend mit der Website der Organisation für Webstandards von Zeldman). Obwohl es viele Schwierigkeiten gibt, werden sie nach und nach von den Menschen akzeptiert und anerkannt. Warum sind wir immer noch berauscht vom „Wohlstand“ auf der Oberfläche der Website, ohne über das Wesentliche hinter der Seite nachzudenken?

Möchten Sie, dass China weiterhin hinterherhinkt? Sind Sie bereit, weiterhin hinterherzuhinken? Alle Entscheidungen liegen bei Ihnen.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Arbeiten mit GraphQL Caching Arbeiten mit GraphQL Caching Mar 19, 2025 am 09:36 AM

Wenn Sie kürzlich mit GraphQL gearbeitet oder seine Vor- und Nachteile überprüft haben, haben Sie zweifellos Dinge wie "GraphQL nicht unterstützen Caching" oder gehört

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang Machen Sie Ihren ersten Seltsamen -Sufle -Übergang Mar 15, 2025 am 11:08 AM

Die Sufelte Transition -API bietet eine Möglichkeit, Komponenten zu beleben, wenn sie das Dokument eingeben oder verlassen, einschließlich benutzerdefinierter Svelte -Übergänge.

Show, Don ' Tell Show, Don ' Tell Mar 16, 2025 am 11:49 AM

Wie viel Zeit damit, die Inhaltspräsentation für Ihre Websites zu entwerfen? Wenn Sie einen neuen Blog -Beitrag schreiben oder eine neue Seite erstellen, denken Sie darüber nach

Aufbau einer Ethereum -App mit Redwood.js und Fauna Aufbau einer Ethereum -App mit Redwood.js und Fauna Mar 28, 2025 am 09:18 AM

Mit dem jüngsten Aufstieg von Bitcoins Preis über 20.000 USD und kürzlich von 30.000, dachte ich, es lohnt

Wie verwenden Sie CSS, um Texteffekte wie Textschatten und Gradienten zu erstellen? Wie verwenden Sie CSS, um Texteffekte wie Textschatten und Gradienten zu erstellen? Mar 14, 2025 am 11:10 AM

In dem Artikel werden CSS für Texteffekte wie Schatten und Gradienten verwendet, diese für die Leistung optimiert und die Benutzererfahrung verbessert. Es listet auch Ressourcen für Anfänger auf (159 Zeichen)

Erstellen Sie Ihr eigenes Bragdoc mit ELEITY Erstellen Sie Ihr eigenes Bragdoc mit ELEITY Mar 18, 2025 am 11:23 AM

Unabhängig davon, in welcher Phase Sie als Entwickler Sie befinden, haben die Aufgaben, die wir erledigen - ob groß oder klein - einen enormen Einfluss auf unser persönliches und berufliches Wachstum.

Was zum Teufel haben NPM -Befehle? Was zum Teufel haben NPM -Befehle? Mar 15, 2025 am 11:36 AM

NPM-Befehle führen verschiedene Aufgaben für Sie aus, entweder als einmalige oder als kontinuierlich ausgeführter Vorgang für Dinge wie das Starten eines Servers oder das Kompilieren von Code.

Ein bisschen auf CI/CD Ein bisschen auf CI/CD Apr 02, 2025 pm 06:21 PM

Ich sage "Website" passt besser als "Mobile App", aber ich mag dieses Rahmen von Max Lynch:

See all articles