Was bedeutet W3C? Einführung in die W3C-Standards
Autor:Eve Cole
Aktualisierungszeit:2024-12-25 10:04:32
Was ist W3C?
W3C ist die Abkürzung für das englische World Wide Web Consortium und die chinesische Bedeutung ist W3C Council oder World Wide Web Alliance. Die W3C-Organisation ist eine gemeinnützige Organisation, die Netzwerkstandards wie HTML, XHTML, CSS und XML formuliert, die vom W3C angepasst werden.
Die wichtigsten Spezifikationen des W3C
Bis heute hat W3C mehr als 50 Spezifikationen (Entwürfe) entwickelt. Zu diesen Spezifikationen (Entwürfen) gehören HTML, HTTP, URIs, XML usw., mit denen die Leute bereits vertraut sind, sowie RDF, OWL usw. für das Semantic Web.
* HTML/XHTML : HTML ist eine der Grundlagen des Webs. Basierend auf HTML begannen im Web farbenfrohe Seiten zu erscheinen, die eine Vielzahl von Informationen enthielten. Basierend auf HTML hat das Web auf einfache und benutzerfreundliche Weise den Elfenbeinturm verlassen und ist zu einer öffentlichen Ressource und einem Reichtum für die gesamte Gesellschaft geworden. W3C hat mehrere HTML-Versionen veröffentlicht, darunter die erste Version im Dezember 1997, das Update im April 1998 und die HTML-Version 4.01 im Dezember 1999. XHTML ist eine Erweiterung zu HTML 4.01, in der die semantischen Eigenschaften von XML genutzt werden können. XHTML 1.0 wurde im Januar 2000 als empfohlener Standard veröffentlicht; XHTML Basic ist eine geräteunabhängige (z. B. Mobiltelefone, PDAs usw.) modulare Version von XHTML1.1.
* CSS : CSS ist dafür verantwortlich, Webdesignern reichhaltigen Gestaltungsraum für die Gestaltung von Webseiten zur Verfügung zu stellen. Der von CSS bereitgestellte Trennungsmechanismus zwischen Inhalt der Webseitenstruktur und Präsentation vereinfacht die Website-Verwaltung erheblich und verbessert die Effizienz der Website-Entwicklung. Mit CSS kann die Darstellung beliebiger HTML- und XML-Inhalte gesteuert werden. CSS1.0 wurde im Dezember 1996 eingeführt und CSS2.0 wurde im Mai 1998 veröffentlicht.
* XML : XML 1.0, veröffentlicht im Februar 1998, ist einer der zukunftsweisenden und einflussreichsten Standards des W3C. Als erster wichtiger Eckpfeiler des Webs der nächsten Generation bietet XML leistungsstarke Funktionen für den verteilten und heterogenen Datenaustausch und trennt die Daten selbst von der Leistung der Daten der Daten und Semantik sind ebenfalls ordnungsgemäß getrennt. Tatsächlich hat sich XML zu einer Familie von Technologien entwickelt, darunter das im Mai 2001 veröffentlichte XML-Schema, die im Januar 1999 veröffentlichten XML-Namespaces, das im November 1999 veröffentlichte XSLT zur Verarbeitung von XML-Transformationen und zur Positionierung in XML-Dokumenten, XPath sowie XLink und XML Basis veröffentlicht im Juni 2001. Darüber hinaus bietet das Aufkommen von XML eine gemeinsame Grundlage für Programme zur automatischen Verarbeitung von Webdaten und -informationen sowie Webdiensten (WSDL-, SOAP-, UDDI-Spezifikationen).
* DOM : DOM stellt ein grundlegendes Objektmodell für die Verarbeitung von Datenträgern wie HTML und XML sowie Informationsträgern im Speicher bereit und kann die mit der Datei verbundenen Strukturen, Formate, Ereignisse usw. bereitstellen. Da es nicht von einer Programmiersprache oder Webseitenbeschreibungssprache abhängt, bietet es eine standardmäßige, unabhängige Schnittstelle für die effektive Verarbeitung von HTML- und XML-Daten. DOM hat drei Versionen durchlaufen, nämlich DOM Level 1, veröffentlicht im Oktober 1998, DOM Level 2, veröffentlicht im November 2000, und DOM Level 3, veröffentlicht im Jahr 2003.
Anwendungsbeispiele für W3C-Standards
Wenn die Oberseite ist:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Bitte beachten Sie die folgenden Situationen. Die verwendeten Prämissen basieren auf dem Satz oben!
1. Verwenden Sie für alle Beschriftungen Kleinbuchstaben.
Es wird empfohlen, sich die Verwendung von Kleinbuchstaben für ul span li div anzueignen. Wenn die Top-Deklaration wie oben gezeigt ist, muss die Groß-/Kleinschreibung natürlich nicht beachtet werden.
2. Meta- und Link-Tags der Header-Datei.
Fehler: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Richtig: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Fehler: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Richtig: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Richtig: <meta http-equiv="Content-Language" content="zh-CN" >
3. JS-Aufruf.
Fehler: <script src="/wl_inc/main.js" ></script>
Fehler: <script src="/wl_inc/main.js" language="javascript"></script>
Richtig: <script src="/wl_inc/main.js" type="text/javascript"></script>
Richtig: <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. Verwenden Sie nicht die Höhe der Tabelle <table>, z. B. height="101"
Richtig: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellpacing="0">
5. Verwenden Sie Alt und Titel richtig
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Nanning Jeder unterrichtet" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Nanning Jeder lehrt">Nanning Jeder unterrichtet</a>
Alle Bilder ohne Links müssen mit alt="" hinzugefügt werden, wie zum Beispiel:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. Wenn die Deklarationsdatei wie oben beschrieben ist, können doppelte oder einfache Anführungszeichen weggelassen werden.
Beispiel: <div id=navpart> oder <div id="navpart"> erfüllen beide die W3C-Standards.
7. Das Formular verwendet nur die ID
Richtig: <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Fehler: <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
Fehler: <form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Fehler bei der Verwendung des Formular-Tags: <table><form><tr><td></td></tr></form></table>
Richtig: <form><table><tr><td></td></tr></table></form>
Methoden zum Entfernen der zusätzlichen leeren Teile des Formulars sind: <form style="margin:0">
8. Kein Schrägstrich/ nach der Eingabe >
Fehler: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Namensschlüsselwort eingeben'){this.value='';}" value="Namensschlüsselwort eingeben" />
Richtig: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Namensschlüsselwort eingeben'){this.value='';}" value="Namensschlüsselwort eingeben" >
9. Verwenden Sie die Align- und Valign-Werte korrekt.
Fehler: align="middle", Sie können style="text-align:center;" verwenden.
Richtig: align="left",align="left",align="right",align="justify",align="char"
Fehler: valign="center"
Richtig: valign="top",align="middle",align="bottom",align="baseline"
10. Die Tabelle TABLE verwendet Hintergrundbilder.
Fehler: Hintergrund="/wl_pic/sp2.jpg"
Richtig: style="background:url(/wl_pic/sp2.jpg);"
Fehler: bgColor=#eeeeee
Richtig: bgColor="#eeeeee"
11. Lösungen für Webmaster-Statistik-Codefehler. Ändern Sie & in &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. Wie besteht die FLASH Focus Map das W3C?
<!--Fokusdiagramm beginnt-->
<script type="text/javascript">
<!--
var Interval_time=5 // Bildpausenzeit, Einheit ist Sekunde, wenn es 0 ist, stoppt die automatische Umschaltung
var focus_width=268 //Breite
var focus_height=222 //height
var text_height=20 //Titelhöhe
var text_align= 'center' //Titeltextausrichtung (links, zentriert, rechts)
var swf_height = focus_height+text_height //Die Summe sollte eine gerade Zahl sein, sonst werden die Zahlen unscharf und verzerrt.
<%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" width="'+ focus_width +'" height="'+ 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 +='<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ intervall_zeit+'">';
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='+ intervall_zeit+'" 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 +='</object>';
document.write(WLABCD);
//-->
</script>