Creo que todos los que son nuevos en los estándares web harán esta pregunta y la resumiré según mi propia experiencia.
Paso 1. No utilice simplemente DW y otras herramientas para diseñar páginas web, familiarícese con el lenguaje (X)HTML y el lenguaje CSS
Debido a que los estándares web han mejorado los requisitos del código, es imposible pasar la inspección sin una cierta comprensión del código xhtml. También se pueden utilizar herramientas DW, pero hay que mirar el código para escribir la página web.
El primero es el código xhtml, no hay muchos, conoce cómo usarlos, cómo escribirlos correctamente y recuerda cerrar la etiqueta. Como <img/>><br/>. Se recomienda leer algunos manuales de referencia de html. Después de todo, xhtml se actualiza desde html y muchas etiquetas todavía están en uso.
Paso 2. Establecer una declaración estandarizada (DOCTYPE) y encabezar
En el pasado, las páginas web, incluso los portales grandes, ni siquiera tenían una declaración, solo <html>. Lo que tienes que hacer ahora es agregar una declaración a tu página web, estandarizar el área del encabezado y hacer que los motores de búsqueda sean como el tuyo. sitio web.
Método de escritura recomendado
<!--(1) Transicional (Transicional)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)Estricto (Estricto)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Estricto//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)Tipo de trama (Conjunto de tramas)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--Establecer un espacio de nombres (Namespace) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<cabeza>
<!--Declare su idioma de codificación: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Tipo de contenido" content="text/html; charset=GB2312" />
<meta http-equiv="Contenido-Idioma" contenido="zh-CN" />
<!--Contenido preparado para buscadores-->
<!--Permitir que los robots de búsqueda busquen en todos los enlaces del sitio. Si desea que no se busquen determinadas páginas, se recomienda utilizar el método robots.txt -->
<meta contenido="todos" nombre="robots" />
<!--Establecer información del autor del sitio-->
<meta nombre="autor" contenido="correo electrónico,nombre" />
<!--Establecer información de derechos de autor del sitio-->
<meta name="Copyright" content="Descripción de derechos de autor del sitio web" />
<!--Una breve introducción al sitio (recomendado)-->
<meta name="description" content="Nuevo diseñador web. Sitio de tutoriales sobre estándares web, que promueve la aplicación de estándares web en China" />
<!--Palabras clave del sitio (recomendado)-->
<meta content="diseño, con, estándares, web, xhtml, css, diseño, gráfico, maquetación, usabilidad, accesibilidad, w3c, w3, w3cn, ajie" name="palabras clave" />
<!--Icono favorito-->
<enlace rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icono de acceso directo" href="/favicon.ico" type="image/x-icon" />
<título>Título de la página web</título>
<!--Conectar hoja de estilo-->
<link rel="hoja de estilo" rev="hoja de estilo" href="css/style.css" type="text/css" media="all" />
<tipo de estilo="texto/css" media="todos">
@importar URL(css/style01.css);
</estilo>
<!--RSS-->
<link rel="alternate" type="application/rss+xml" title="espacio de greengnn" href="http://www.*.com/feed.asp" />
<!--JS-->
<script src="js/common.js" type="text/javascript" language="javascript" "></script>
</cabeza>
<cuerpo>
</cuerpo>
</html>
Paso 3. Aprenda a usar div con CSS para el diseño de páginas web
Use <div> con CSS para diseñar su página web en lugar de usar una tabla. Hay muchos artículos y ejemplos de este tipo. Le recomiendo que visite bluediea.com. Aquí hay algunos prácticos.
1. La redundancia de código es pequeña y la página web se abre rápidamente.
2. La estructura y el rendimiento están separados. Puede cambiar su diseño solo a través de CSS, mientras que la información permanece sin cambios. Esto reduce el costo de mantenimiento y actualizaciones.
Paso 4. Aprenda la teoría de los estándares web, la semántica, CSS y la idea de separación de estructura y presentación.
En realidad, los estándares web se proponen solo para lograr la semántica de las etiquetas, la separación de estructura y rendimiento, la transición de la localización del sitio web a la internacionalización, la compatibilidad con versiones anteriores y la independencia del dispositivo, para que sus páginas web puedan funcionar sin problemas en Internet.
En esta etapa, ya puede usar CSS para diseñar sus páginas web y crear páginas web que puedan pasar la inspección del W3C. Puede comprender qué son los estándares web, el marco y las funciones de los estándares web, las ideas y ventajas de la separación de estructura y rendimiento. y el conocimiento más profundo de CSS, la teoría de capas, la semántica de las etiquetas xhtml, la teoría de la afinidad y la funcionalidad multiplataforma hacen que sus páginas web sean adecuadas para múltiples navegadores y dispositivos.
Paso 5. Aplique estándares web para crear páginas web, establezca sus propias especificaciones de código estándar web y mejore la eficiencia del desarrollo.
Los estándares web todavía se están promoviendo y no existe un modelo maduro. Después de todo, se requiere código escrito a mano. En este momento, puede proponer algunos métodos para mejorar la eficiencia del desarrollo según su propia experiencia. y css personalizado, y algunos módulos funcionales reutilizables se convierten en clips de código para mejorar la reutilización del código.