Je pense que tous ceux qui découvrent les standards du Web se poseront cette question, et je la résumerai 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. Établir une déclaration standardisée (DOCTYPE) et diriger
Dans le passé, les pages Web, même les grands portails, n'avaient même pas de déclaration, juste <html>. Ce que vous devez faire maintenant, c'est ajouter une déclaration à votre page Web, standardiser la zone d'en-tête et faire en sorte que les moteurs de recherche ressemblent au vôtre. site web.
Méthode d'écriture recommandée
<!--(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 (Strict)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)Type de trame (Frameset)-->
<!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="tous" name="robots" />
<!--Définir les informations sur l'auteur du site-->
<meta name="auteur" content="Email,nom" />
<!--Définir les informations de copyright du site-->
<meta name="Copyright" content="Description des droits d'auteur du site Web" />
<!--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, standards, xhtml, css, graphique, design, mise en page, convivialité, accessibilité, w3c, w3, w3cn, ajie" name="keywords" />
<!--Icône préférée-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" 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="espace de greengnn" href="http://www.*.com/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. La redondance du code est faible 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.
Les normes Web sont toujours en cours de promotion et il n'existe pas de modèle mature.Après tout, du code manuscrit est requis.À l'heure actuelle, vous pouvez proposer certaines méthodes pour améliorer l'efficacité de votre développement en vous basant sur votre propre expérience.Vous pouvez nommer quelques extraits de code couramment utilisés. et du CSS personnalisé, et certains modules fonctionnels réutilisables sont transformés en clips de code pour améliorer la réutilisabilité du code !