¿Qué significa W3C Introducción a los estándares del W3C?
Autor:Eve Cole
Fecha de actualización:2024-12-25 10:04:32
¿Qué es el W3C?
W3C es la abreviatura del Consorcio World Wide Web en inglés, y el significado chino es Consejo W3C o Alianza World Wide Web. La organización W3C es una organización sin fines de lucro que formula estándares de red, como HTML, XHTML, CSS y XML, personalizados por el W3C.
Principales especificaciones del W3C
Hasta la fecha, el W3C ha desarrollado más de 50 especificaciones (borradores). Estas especificaciones (borradores) incluyen HTML, HTTP, URI, XML, etc. con los que la gente ya está familiarizada, así como RDF, OWL, etc. para la Web Semántica.
* HTML/XHTML : HTML es uno de los fundamentos de la Web. Basado en HTML, comenzaron a aparecer páginas coloridas en la Web que contienen una variedad de información. Basada en HTML, la Web ha salido de la torre de marfil de una manera sencilla y fácil de usar y se ha convertido en un recurso público y una riqueza para toda la sociedad. El W3C ha lanzado múltiples versiones de HTML, incluida la primera versión en diciembre de 1997, la actualización en abril de 1998 y la versión HTML 4.01 en diciembre de 1999. XHTML es una extensión de HTML 4.01 en la que se pueden utilizar las características semánticas de XML. XHTML 1.0 se lanzó como estándar recomendado en enero de 2000; XHTML Basic es una versión modular independiente del dispositivo (como teléfonos móviles, PDA, etc.) de XHTML1.1.
* CSS : CSS es responsable de proporcionar a los diseñadores web un rico espacio de estilo para diseñar páginas web. El mecanismo de separación entre el contenido de la estructura de la página web y la presentación proporcionado por CSS simplifica enormemente la administración del sitio web y mejora la eficiencia del desarrollo del sitio web. CSS se puede utilizar para controlar la presentación de cualquier contenido HTML y XML. CSS1.0 se lanzó en diciembre de 1996 y CSS2.0 se lanzó en mayo de 1998.
* XML : XML 1.0, lanzado en febrero de 1998, es uno de los estándares más influyentes y con más visión de futuro del W3C. Como primera piedra angular importante de la Web de próxima generación, XML proporciona funciones poderosas para el intercambio de datos distribuidos y heterogéneos, y separa los datos en sí del rendimiento de los datos. Al mismo tiempo, en lo que respecta a los datos en sí, el valor. de los datos y la semántica también están adecuadamente separados. De hecho, XML se ha convertido en una familia de tecnologías, incluido XML Schema lanzado en mayo de 2001, XML Namespaces lanzado en enero de 1999, XSLT lanzado en noviembre de 1999 para procesar transformaciones XML y posicionamiento en documentos XML XPath, así como XLink y XML. Base lanzada en junio de 2001. Además, la aparición de XML proporciona una base común para que los programas procesen automáticamente datos e información web, así como servicios web (especificaciones WSDL, SOAP, UDDI).
* DOM : DOM proporciona un modelo de objetos básico para el procesamiento de soportes de datos como HTML y XML y soportes de información en la memoria, y puede proporcionar la estructura, formato, eventos, etc. conectados al archivo. Debido a que no depende de ningún lenguaje de programación o lenguaje de descripción de páginas web, proporciona una interfaz estándar e independiente para procesar eficazmente datos HTML y XML. DOM ha pasado por tres versiones: DOM Nivel 1 lanzado en octubre de 1998, DOM Nivel 2 lanzado en noviembre de 2000 y DOM Nivel 3 lanzado en 2003.
Ejemplos de uso de estándares W3C
Cuando la cima es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transicional//ES">
Preste atención a las siguientes situaciones. ¡Las premisas utilizadas se basan en la oración en la parte superior!
1. Utilice letras minúsculas para todas las etiquetas.
Se recomienda desarrollar un buen hábito de usar minúsculas para ul span li div. Por supuesto, cuando la declaración superior es como se muestra arriba, no distingue estrictamente entre mayúsculas y minúsculas.
2. Metaetiquetas y enlaces del archivo de encabezado.
Error: <meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
Correcto: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Error: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Correcto: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Correcto: <meta http-equiv="Content-Language" content="zh-CN" >
3. Llamada JS.
Error: <script src="/wl_inc/main.js" >>script>
Error: <script src="/wl_inc/main.js" language="javascript"></script>
Correcto: <script src="/wl_inc/main.js" type="text/javascript"></script>
Correcto: <script src="/wl_inc/main.js" type="text/javascript" >>script>
4. No utilice la altura de la tabla <table> como altura="101"
Correcto: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellspace="0">
5. Utilice alt y título correctamente
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Nanning Todos enseñan" >>a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Nanning Todos enseñan">Nanning Todos enseñan</a>
Todas las imágenes sin enlaces deben agregarse con alt="", como por ejemplo:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. Cuando el archivo de declaración sea como se mencionó anteriormente, se podrán omitir las comillas dobles o las comillas simples.
Por ejemplo: <div id=navpart> o <div id="navpart"> ambos pasan los estándares w3c.
7. El formulario solo utiliza identificación.
Correcto: <form id="soso" método="get" action="/WL_T_soso/" style="margin:0">
Error: <formulario nombre="soso" método="get" acción="/WL_T_soso/" estilo="margen:0">
Error: <formulario nombre="soso" id="soso" método="get" action="/WL_T_soso/" estilo="margen:0">
Error al utilizar la etiqueta de formulario: <table><form><tr><td></td></tr></form></table>
Correcto: <form><table><tr><td></td></tr></table></form>
Los métodos para eliminar las partes vacías adicionales del formulario son: <form style="margin:0">
8. Sin barra diagonal/después de ingresar >
Error: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Ingrese la palabra clave del nombre'){this.value='';}" value="Ingrese la palabra clave del nombre" />
Correcto: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Ingrese la palabra clave del nombre'){this.value='';}" value="Ingrese la palabra clave del nombre" >
9. Utilice los valores de alineación y valign correctamente.
Error: align="middle", puedes usar style="text-align:center;".
Correcto: align="left",align="left",align="right",align="justify",align="char"
Error: valign="centro"
Correcto: valign="top",align="middle",align="bottom",align="baseline"
10. La tabla TABLE utiliza imágenes de fondo.
Error: fondo="/wl_pic/sp2.jpg"
Correcto: estilo="fondo:url(/wl_pic/sp2.jpg);"
Error: bgColor=#eeeeee
Correcto: bgColor="#eeeeee"
11. Soluciones para fallas en el código de estadísticas para webmasters. Cambiar & a &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. ¿Cómo pasa el mapa de enfoque FLASH al W3C?
<!--Se inicia el gráfico de enfoque-->
<tipo de script="texto/javascript">
<!--
var intervalo_time=5 //Tiempo de pausa de la imagen, la unidad es el segundo, si es 0, el cambio automático se detendrá
var focus_width=268 //Ancho
var focus_height=222 //altura
var text_height=20 //Altura del título
var text_align= 'center' // Alineación del texto del título (izquierda, centro, derecha)
var swf_height = focus_height+text_height // La suma debe ser un número par; de lo contrario, los números aparecerán borrosos y distorsionados.
<%llamar a 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 #versión=8,0,0,0" ancho="'+ focus_width +'" altura="'+ swf_height +'">';
WLABCD += '<param name="movie" value="flash/pixviewer.swf"><param name="calidad" value="high"><param name="bgcolor" value="#ffffff">' ;
WLABCD += '<nombre del parámetro="menú" valor="false"><nombre del parámetro=valor wmode="opaco">';
WLABCD +='<nombre del parámetro="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ intervalo_tiempo+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="opaco" FlashVars="pics='+pics+'&links='+links+'&texts='+textos+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ intervalo_tiempo+'" menú="falso" bgcolor="#ffffff" calidad="alta" anchura="'+ focus_width +'" altura="'+ swf_height +'" enableScriptAccess="mismoDominio" tipo="aplicación /x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</objeto>';
documento.write(WLABCD);
//-->
</script>