Comment apprendre les normes du Web
De nombreux membres du forum de la version de normalisation Web du forum classique posent cette question. Je pense que tous ceux qui découvrent les normes Web poseront cette question. Je vais la résumer en me basant sur ma propre expérience.
Étape 1. Ne vous contentez pas d'utiliser DW et d'autres outils pour concevoir des pages Web, familiarisez-vous avec le langage (X) HTML et le langage CSS.
Étant donné que les normes Web ont amélioré les exigences en matière de code, il est impossible de réussir l'inspection sans une certaine compréhension du code xhtml. Les outils DW peuvent également être utilisés, mais il faut regarder le code pour écrire la page Web.
Le premier est le code xhtml, il n’y en a pas beaucoup, sachez les utiliser, comment les écrire correctement, et pensez à fermer la balise. Tel que <img/><br/>. Il est recommandé de lire certains manuels de référence HTML. Après tout, Xhtml est une mise à niveau à partir de HTML et de nombreuses balises sont toujours utilisées.
Étape 2. Créez une déclaration standardisée (DOCTYPE) et dirigez-vous
<!–(1) Transitionnel (Transitionnel)–>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!–(2) Strict –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!–(3)Jeu de cadres–>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!–Définir un espace de noms (Namespace) lang=”zh-CN”/–>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh-CN”>
<tête>
<!–Déclarez votre langue d'encodage : GB2312/UTF-8/Unicode/ISO-8859-1–>
<meta http-equiv=”Content-Type” content=”text/html; charset=GB2312″ />
<méta http-equiv=”Content-Language” content=”zh-CN” />
<!–Contenu préparé pour les moteurs de recherche–>
<!–Autoriser les robots de recherche à rechercher tous les liens du site. Si vous souhaitez que certaines pages ne soient pas recherchées, il est recommandé d'utiliser la méthode robots.txt ->
<meta content="all" name="robots" />
<!–Définir les informations sur l'auteur du site–>
<meta name=”author” content=”[email protected] ,阿杰” />
<!–Définir les informations de copyright du site–>
<meta name=”Copyright” content=”www.w3cn.org, droit d'auteur libre, toute reproduction” />
<!–Une brève introduction au site (recommandé)–>
<meta name="description" content="Nouveau concepteur de sites Web. Site de didacticiels sur les normes Web, promouvant l'application des normes Web en Chine" />
<!–Mots clés du site (recommandé)–>
<meta content=”conception, avec, web, normes, xhtml, css, graphique, conception, mise en page, convivialité, accessibilité, w3c, w3, w3cn, ajie” name=”mots-clés” />
<!–Icône Favoris–>
<link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />
<link rel=”icône de raccourci” href=”/favicon.ico” type=”image/x-icon” />
<title>Titre de la page Web</title>
<!–Connecter la feuille de style–>
<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” langage=”javascript” "></script>
</tête>
<corps></corps>
</html>
Étape 3. Apprenez à utiliser div avec CSS pour la mise en page Web
Utilisez <div> avec CSS pour mettre en page votre page Web au lieu d'utiliser un tableau. Il existe de nombreux articles et exemples de ce type. Je vous recommande d'aller sur bluediea.com. La mise en page div présente de nombreux avantages.
1. Le code a peu de redondance et la page Web s'ouvre rapidement.
2. La structure et les performances sont séparées. Vous pouvez modifier votre mise en page uniquement via CSS, tandis que les informations restent inchangées. Cela réduit le coût de maintenance et de mises à niveau.
Étape 4. Apprenez la théorie des standards du Web, la sémantique, le CSS et l'idée de séparation de la structure et de la présentation
Les standards du Web sont en réalité proposés uniquement pour assurer la sémantique des balises, la séparation entre la structure et les performances, la transition de la localisation du site Web à l'internationalisation, la rétrocompatibilité et l'indépendance des appareils, afin que vos pages Web puissent fonctionner sans problème sur Internet.
À ce stade, vous pouvez déjà utiliser CSS pour mettre en page vos pages Web et créer des pages Web pouvant passer l'inspection du W3C. Vous pouvez comprendre ce que sont les normes Web, le cadre et les fonctions des normes Web, les idées et les avantages de la séparation de la structure et des performances. , et la connaissance approfondie de CSS. La théorie des couches, la sémantique des balises xhtml, la théorie de l'affinité et les fonctionnalités multiplateformes rendent vos pages Web adaptées à plusieurs navigateurs et appareils.
Étape 5. Appliquez les normes Web pour créer des pages Web, établissez vos propres spécifications de code standard Web et améliorez l'efficacité du développement.