Que signifie W3C ? Introduction aux normes du W3C ?
Auteur:Eve Cole
Date de mise à jour:2024-12-25 10:04:32
Qu'est-ce que le W3C
W3C est l'abréviation de l'anglais World Wide Web Consortium, et la signification chinoise est le W3C Council ou la World Wide Web Alliance. L'organisation W3C est une organisation à but non lucratif qui formule des normes de réseau telles que HTML, XHTML, CSS et XML, personnalisées par le W3C.
Principales spécifications du W3C
À ce jour, le W3C a développé plus de 50 spécifications (projets). Ces spécifications (projets) incluent HTML, HTTP, URI, XML, etc. que les gens connaissent déjà, ainsi que RDF, OWL, etc. pour le Web sémantique.
* HTML/XHTML : HTML est l'un des fondements du Web. Basé sur le HTML, des pages colorées ont commencé à apparaître sur le Web, contenant une variété d'informations. Basé sur HTML, le Web est sorti de sa tour d'ivoire de manière simple et facile à utiliser et est devenu une ressource publique et une richesse pour l'ensemble de la société. Le W3C a lancé plusieurs versions de HTML, dont la première version en décembre 1997, la mise à jour en avril 1998 et la version HTML 4.01 en décembre 1999. XHTML est une extension de HTML 4.01 dans laquelle les fonctionnalités sémantiques de XML peuvent être utilisées. XHTML 1.0 a été publié comme norme recommandée en janvier 2000 ; XHTML Basic est une version modulaire indépendante des appareils (tels que les téléphones mobiles, les PDA, etc.).
* CSS : CSS est chargé de fournir aux concepteurs Web un riche espace de style pour concevoir des pages Web. Le mécanisme de séparation entre le contenu de la structure des pages Web et la présentation fourni par CSS simplifie grandement la gestion du site Web et améliore l'efficacité du développement du site Web. CSS peut être utilisé pour contrôler la présentation de tout contenu HTML et XML. CSS1.0 a été lancé en décembre 1996 et CSS2.0 en mai 1998.
* XML : XML 1.0, publié en février 1998, est l'un des standards les plus avant-gardistes et les plus influents du W3C. En tant que première pierre angulaire du Web de nouvelle génération, XML fournit des fonctions puissantes pour l'échange de données distribuées et hétérogènes, et sépare les données elles-mêmes de leurs performances. En même temps, en ce qui concerne les données elles-mêmes, leur valeur. des données et la sémantique sont également correctement séparées. En fait, XML s'est développé en une famille de technologies, notamment XML Schema publié en mai 2001, XML Namespaces publié en janvier 1999, XSLT publié en novembre 1999 pour le traitement des transformations XML et le positionnement dans les documents XML XPath, ainsi que XLink et XML. Base libérée en juin 2001. De plus, l'émergence de XML fournit une base commune aux programmes pour traiter automatiquement les données et informations Web, ainsi que les services Web (spécifications WSDL, SOAP, UDDI).
* DOM : DOM fournit un modèle objet de base pour le traitement des supports de données tels que HTML et XML et des supports d'informations en mémoire, et peut fournir la structure, le format, les événements, etc. liés au fichier. Parce qu'il ne dépend d'aucun langage de programmation ou langage de description de pages Web, il fournit une interface standard et indépendante pour traiter efficacement les données HTML et XML. DOM a connu trois versions, à savoir DOM niveau 1 sorti en octobre 1998, DOM niveau 2 sorti en novembre 2000 et DOM niveau 3 sorti en 2003.
Exemples d'utilisation des normes W3C
Lorsque le sommet est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Veuillez faire attention aux situations suivantes. Les prémisses utilisées sont basées sur la phrase en haut !
1. Utilisez des lettres minuscules pour toutes les étiquettes.
Il est recommandé de prendre l'habitude d'utiliser des minuscules pour ul span li div. Bien sûr, lorsque la déclaration supérieure est comme indiqué ci-dessus, elle n'est pas strictement sensible à la casse.
2. Balises méta et liens du fichier d’en-tête.
Erreur : <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Correct : <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Erreur : <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Correct : <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Correct : <meta http-equiv="Content-Language" content="zh-CN" >
3. Appel JS.
Erreur : <script src="/wl_inc/main.js" ></script>
Erreur : <script src="/wl_inc/main.js" langage="javascript"></script>
Correct : <script src="/wl_inc/main.js" type="text/javascript"></script>
Correct : <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. N'utilisez pas la hauteur de la table <table> telle que height="101"
Correct : <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" Cellpacing="0">
5. Utilisez correctement alt et titre
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Nanning Tout le monde enseigne" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Nanning Tout le monde enseigne">Nanning Tout le monde enseigne</a>
Toutes les images sans liens doivent être ajoutées avec alt="", comme :
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. Lorsque le fichier de déclaration est tel que mentionné ci-dessus, les guillemets doubles ou simples peuvent être omis.
Par exemple : <div id=navpart> ou <div id="navpart"> répondent tous deux aux normes w3c.
7. Le formulaire utilise uniquement l'identifiant
Correct : <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Erreur : <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
Erreur : <form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Erreur lors de l'utilisation de la balise form : <table><form><tr><td></td></tr></form></table>
Correct : <form><table><tr><td></td></tr></table></form>
Les méthodes permettant de supprimer les parties vides supplémentaires du formulaire sont : <form style="margin:0">
8. Pas de barre oblique/après la saisie >
Erreur : <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Entrez le mot-clé du nom'){this.value='';}" value="Entrez le mot-clé du nom" />
Correct : <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Entrez le mot-clé du nom'){this.value='';}" value="Entrez le mot-clé du nom" >
9. Utilisez correctement les valeurs d'alignement et de validation.
Erreur : align="middle", vous pouvez utiliser style="text-align:center;".
Correct : align="left",align="left",align="right",align="justify",align="char"
Erreur : valign="centre"
Correct : valign="top",align="middle",align="bottom",align="baseline"
10. Le tableau TABLE utilise des images d'arrière-plan.
Erreur : background="/wl_pic/sp2.jpg"
Correct : style="background:url(/wl_pic/sp2.jpg);"
Erreur : bgColor=#eeeeee
Correct : bgColor="#eeeeee"
11. Solutions en cas d'échec du code des statistiques des webmasters. Remplacer & par &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. Comment la carte de focus FLASH passe-t-elle le test du W3C ?
<!--Le graphique de focus démarre-->
<script type="text/javascript">
<!--
var interval_time=5 //Temps de pause de l'image, l'unité est la seconde, si elle est 0, la commutation automatique s'arrêtera
var focus_width=268 //Largeur
var focus_height=222 //hauteur
var text_height=20 //Hauteur du titre
var text_align= 'center' //Alignement du texte du titre (gauche, centre, droite)
var swf_height = focus_height+text_height //La somme doit être un nombre pair, sinon les nombres seront flous et déformés.
<%call WL_hot_pic(5)%>
var WLABCD = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:/ /fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=8,0,0,0" largeur="'+ focus_width +'" hauteur="'+ swf_height +'">';
WLABCD += '<param name="movie" value="flash/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">' ;
WLABCD += '<param name="menu" value="false"><param name=wmode value="opaque">';
WLABCD +='<nom du paramètre="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ intervalle_time+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ interval_time+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ swf_height +'"allowScriptAccess="sameDomain" type="application /x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</objet>';
document.write(WLABCD);
//-->
</script>