He estado haciendo desarrollo front-end durante casi 3 años. Hoy me gustaría hablarles sobre algunas de mis experiencias personales en el desarrollo front-end WEB (por supuesto, es todo mi entendimiento personal. Inclúyame y corríjame si lo hay). (hay algo que digo que es inapropiado o incorrecto). Aquí Permítanme comenzar con los estándares WEB.
¿Qué son los estándares WEB?
Jaja, se dice que es un estándar WEB, pero aquí resumo principalmente algunas experiencias de XHTML1.1 y CSS2.1. Debido a que WEB cubre tanto contenido, "estándares WEB" es el nombre general de una serie de estándares, incluidos HTML4.0, XHTML1.1, CSS2.1, XML1.0, RSS2.0, ECMAScript1.1 y DOM1. etcétera. Así que aquí quiero señalarles que el estándar WEB no es lo que llamamos DIV+CSS.
Lo mencioné anteriormente: DIV + CSS, jaja, déjame explicarte aquí, esto en realidad es incorrecto. El término exacto de DIV+CSS (comprensión personal) debería ser: usar XHTML1.1 en el estándar WEB recomendado por W3C combinado con la hoja de estilo CSS2.0 para crear una página. DIV debe hacer referencia a la etiqueta XHTML, mientras que la visualización CSS se refiere a. Hoja de estilo CSS.
Beneficios de desarrollar utilizando estándares WEB
Entonces, ¿por qué el W3C recomienda este método de producción de páginas? Echemos un vistazo breve a las ventajas de utilizar el desarrollo estándar WEB (comprensión personal) en comparación con el diseño TABLE anterior.
1. ¡Ahorre costos operativos y ahorre dinero!
Jaja, ¿te interesaría algo que pueda ayudarte a ahorrar dinero? Por supuesto que estoy muy interesado. ¿Ves cómo se logra nuestro método de producción estándar WEB?
Usando estándares WEB para producir, podemos lograr una separación muy formal de expresiones. Usamos XHTML para expresar (datos) y CSS para controlar la forma (presentación de elementos de la página). En una página bien escrita, el código XHTML contiene básicamente los datos que los usuarios quieren ver, así como otros elementos decorativos, todo ello controlado por nuestro CSS. De esta manera, el tamaño de nuestra página (XHTML) se reducirá considerablemente, por lo que se reducirán sus costos de ancho de banda. ¿Cómo reducir esto? Puede imaginar que la página de inicio de YAHOO tiene un tamaño de 1K y la visitan 1.000.000 de personas juntas. ¿Cuánto ancho de banda se ahorra? Y el ancho de banda se puede utilizar más plenamente.
Nuestro CSS controla los estilos de todos los elementos de la página. Ahora, si desea cambiar el estilo general del sitio web, solo necesita dedicar unos minutos a modificar un archivo CSS y podrá hacerlo fácilmente. Los costes de mantenimiento también han bajado, ahorrando mucho dinero, ¿verdad? Además, abrirás esta página mucho más rápido. Una página que te hará esperar medio minuto. A menos que la información que contiene sea muy útil para ti, básicamente no tenemos mucho tiempo para esperar.
2. Es más fácil de usar y tiene la oportunidad de ganar más usuarios.
Ahora hablemos de facilidad de uso. Primero quiero clasificar a nuestros usuarios en categorías.
Categoría 1: Usuarios comunes (todos los que visitan nuestro sitio web);
Categoría 2: Motores de búsqueda;
Las páginas desarrolladas utilizando estándares WEB tienen una estructura clara, un tamaño de página pequeño y una buena compatibilidad con el navegador. Cuando los usuarios normales acceden a ella, la página se abre rápidamente y, sin importar qué navegador utilice el usuario, puede acceder (mostrar) la página normalmente, la estructura de la página es clara y los datos que están buscando se pueden explorar fácilmente.
Para los motores de búsqueda, una buena página desarrollada utilizando estándares WEB ha sido optimizada para SEO. Es muy fácil de visitar y es fácil entender dónde está el título (etiquetas H1 ~ H6) en su página y dónde está el título (p. etiqueta), dónde está el contenido a enfatizar en el párrafo (etiqueta fuerte), etc., se puede analizar fácilmente. Como todos sabemos, un sitio con un buen SEO tiene más posibilidades de ser indexado por los motores de búsqueda. Esto también significa que su sitio web será visitado por más usuarios comunes, lo que atraerá más usuarios a su sitio.
Uno puede ayudarnos a ahorrar mucho dinero y mejorar la eficiencia del trabajo. Al mismo tiempo, puede mejorar la velocidad de navegación de la página, ser fácil de usar e incluso puede atraer más usuarios sin gastar dinero en publicidad. ¿Crees que lo usarías? Jaja, esta es también la razón por la que nuestro W3C recomienda utilizar estándares WEB para sitios web abiertos. Esta tecnología también ha sido reconocida por nuestros usuarios, por lo que ahora necesita aprender los estándares WEB. ^-^!
Jaja, terminé de revisar los cursos básicos y ahora estoy oficialmente comenzando a hablar sobre las habilidades de XHTML y CSS.
Diseño razonable
Algunos amigos comenzarán a preguntar, ¿por qué empezamos a hablar de un diseño razonable desde el principio? Jaja, mencionamos algunos puntos de conocimiento anteriormente: "estructura clara, optimización SEO, tamaño de página pequeño y código XHTML que básicamente contiene todos los requisitos del usuario". los datos”. Estas cosas son el resultado de nuestro diseño razonable. Y personalmente creo que todo lo que producimos utilizando estándares WEB comienza desde este punto de conocimiento, así que hablaré sobre este tema primero.
Entonces todos empezarán a preguntarse: ¿qué tipo de página se considera un diseño razonable? Bueno, esta es una buena pregunta. También es una de las preguntas más frecuentes cuando comenzamos a aprender a usar los estándares WEB. A menudo me ha preocupado esta pregunta. Aquí hablaré sobre mi comprensión del diseño razonable. .
Antes de empezar a hablar de los elementos que debe conseguir una página correctamente diseñada, nos resultaría más intuitivo utilizar un ejemplo para explicarlo. Primero echemos un vistazo a esta imagen:
http://www.yaohaixiao.com/samples/myblog/index.htm
Sí, esta es la página de detalles del artículo, no hay un diseño de columnas izquierda y derecha, pero en lo que quiero centrarme aquí es en un diseño razonable. Presentaré los elementos flotantes en detalle en un artículo posterior. Bien, volviendo al tema de ahora, todos han visto esta página.