So lernen Sie Webstandards
Viele Forumsmitglieder der Webstandardisierungsversion des klassischen Forums stellen diese Frage. Ich denke, jeder, der mit Webstandards noch nicht vertraut ist, wird sie aufgrund meiner eigenen Erfahrung zusammenfassen.
Schritt 1. Verwenden Sie nicht nur DW und andere Tools zum Entwerfen von Webseiten, sondern machen Sie sich mit der (X)HTML-Sprache und der CSS-Sprache vertraut
Da Webstandards verbesserte Codeanforderungen haben, ist es unmöglich, die Prüfung ohne ein gewisses Verständnis des XHTML-Codes zu bestehen. Es können auch DW-Tools verwendet werden, Sie müssen sich jedoch den Code ansehen, um die Webseite zu schreiben.
Der erste ist der XHTML-Code, es gibt nicht viele davon. Sie wissen, wie man sie verwendet, wie man sie richtig schreibt, und denken Sie daran, das Tag zu schließen. Wie zum Beispiel <img/><br/>. Es wird empfohlen, einige HTML-Referenzhandbücher zu lesen. Schließlich wurde xhtml von html aktualisiert und viele Tags werden noch verwendet.
Schritt 2. Erstellen Sie eine standardisierte Deklaration (DOCTYPE) und einen Kopf
<!–(1) Übergang (Übergang)–>
<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Transitional//EN“ „http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<!–(2) Streng –>
<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN“ „http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<!–(3)Frameset–>
<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Frameset//EN“ „http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“>
<!–Legen Sie einen Namensraum fest (Namespace) lang=“zh-CN“/–>
<html xmlns=“http://www.w3.org/1999/xhtml“ lang=“zh-CN“>
<Kopf>
<!–Deklarieren Sie Ihre Kodierungssprache: GB2312/UTF-8/Unicode/ISO-8859-1–>
<meta http-equiv=“Content-Type“ content=“text/html charset=GB2312“ />
<meta http-equiv=“Content-Language“ content=“zh-CN“ />
<!–Inhalte für Suchmaschinen aufbereitet–>
<!–Suchrobotern erlauben, alle Links auf der Website zu durchsuchen. Wenn Sie möchten, dass bestimmte Seiten nicht durchsucht werden, empfiehlt sich die Verwendung der robots.txt-Methode–>
<meta content=“all“ name=“robots“ />
<!–Informationen zum Site-Autor festlegen–>
<meta name=“author“ content=“[email protected] ,阿杰“ />
<!–Legen Sie die Copyright-Informationen der Website fest–>
<meta name=“Copyright“ content=“www.w3cn.org, freies Urheberrecht, jegliche Reproduktion“ />
<!–Eine kurze Einführung in die Website (empfohlen)–>
<meta name="description" content="Neuer Webdesigner. Tutorial-Site für Webstandards, die die Anwendung von Webstandards in China fördert" />
<!–Schlüsselwörter der Website (empfohlen)–>
<meta content=“Entwerfen, mit, Web, Standards, XHTML, CSS, Grafik, Design, Layout, Benutzerfreundlichkeit, Zugänglichkeit, W3C, W3, W3cn, Ajie“ Name=“Schlüsselwörter“ />
<!–Favoritensymbol–>
<link rel=“icon“ href=“/favicon.ico“ type=“image/x-icon“ />
<link rel=“shortcut icon“ href=“/favicon.ico“ type=“image/x-icon“ />
<title>Titel der Webseite</title>
<!–Stylesheet verbinden–>
<link rel=“stylesheet“ rev=“stylesheet“ href=“css/style.css“ type=“text/css“ media=“all“ />
<style type=“text/css“ media=“all“>@import url( css/style01.css );</style>
<!–RSS–>
<link rel=“alternate“ type=“application/rss+xml“ title=“greengnn’s space“ href=“http://www.jluvip.com/blog/feed.asp“ />
<!–JS–>
<script src=“js/common.js“ type=“text/javascript“ language=“javascript“ "></script>
</head>
<body></body>
</html>
Schritt 3. Erfahren Sie, wie Sie div mit CSS für das Webseitenlayout verwenden
Verwenden Sie <div> mit CSS, um Ihre Webseite zu gestalten. Es gibt viele solcher Artikel und Beispiele. Ich empfehle Ihnen, auf bluediea.com zu gehen. Hier sind einige praktische Vorteile.
1. Der Code weist wenig Redundanz auf und die Webseite öffnet sich schnell.
2. Struktur und Leistung sind getrennt. Sie können Ihr Layout nur über CSS ändern, während die Informationen unverändert bleiben. Dies reduziert die Kosten für Wartung und Upgrades.
Schritt 4. Lernen Sie Webstandardtheorie, Semantik, CSS und die Idee der Trennung von Struktur und Präsentation
Die Webstandards werden eigentlich nur vorgeschlagen, um die Semantik von Tags, die Trennung von Struktur und Leistung, den Übergang von Website-Lokalisierung zur Internationalisierung, Abwärtskompatibilität und Geräteunabhängigkeit zu erreichen, damit Ihre Webseiten reibungslos im Internet laufen können.
Zu diesem Zeitpunkt können Sie CSS bereits zum Layouten Ihrer Webseiten verwenden und Webseiten erstellen, die die W3C-Prüfung bestehen können. Sie können verstehen, was Webstandards sind, welchen Rahmen und welche Funktionen Webstandards haben und welche Ideen und Vorteile die Trennung von Struktur und Leistung bietet und die tieferen Kenntnisse von CSS. Die Theorie der Ebenen, die Semantik von xhtml-Tags, die Affinitätstheorie und die plattformübergreifende Funktionalität machen Ihre Webseiten für mehrere Browser und Geräte geeignet.
Schritt 5. Wenden Sie Webstandards an, um Webseiten zu erstellen, erstellen Sie Ihre eigenen Webstandard-Codespezifikationen und verbessern Sie die Entwicklungseffizienz.