Cómo aprender estándares web
Muchos miembros del foro de la versión de estandarización web del foro clásico hacen esta pregunta. Creo que todos los que son nuevos en los estándares web harán esta pregunta. 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. Cree una declaración estandarizada (DOCTYPE) y encabeza
<!–(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 –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Estricto//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!–(3)Conjunto de cuadros–>
<!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=”[email protected] ,阿杰” />
<!–Establecer información de derechos de autor del sitio–>
<meta name=”Copyright” content=”www.w3cn.org, derechos de autor gratuitos, cualquier reproducción” />
<!–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, web, estándares, xhtml, css, diseño gráfico, maquetación, usabilidad, accesibilidad, w3c, w3, w3cn, ajie” nombre=”palabras clave” />
<!–Icono de favorito–>
<enlace rel=”icono” href=”/favicon.ico” tipo=”imagen/x-icono” />
<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.jluvip.com/blog/feed.asp” />
<!–JS–>
<script src=”js/common.js” tipo=”texto/javascript” idioma=”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. El código tiene poca redundancia 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.