Después de que se lanzó el artículo "This Will a Be a Revolution". Ha sido reconocido por todos en la industria y, por supuesto, también ha sido provocado por algunos desafíos internos y externos, pero más personas solicitan detalles de cada punto. Me fui a casa esta noche y me fui a la cama muy temprano. Me desperté en un sueño en medio de la noche. En el sueño, estaba jugando un juego con mis compañeros de clase en la escuela primaria, el siguiente. Después de despertar, sentí que necesitaba hacer algo, así que finalmente modifiqué Tmenu (se retrasó durante mucho tiempo); Entonces sentí que necesitaba escribir una parte detallada de los cinco puntos mencionados anteriormente en el futuro cercano, así que comencé a escribir este artículo.
Tiene sentido volver a la escuela primaria en mi sueño. Uno es el juego del próximo recordatorio, y el otro es lo que Piaopiao y yo a menudo les decimos a los demás que para aprender bien HTML, regrese para revisar los libros del idioma chino en la escuela primaria. La razón para regresar a la escuela primaria es que los libros no habrá demasiada interferencia de la educación orientada a los exámenes, y la esencia en ella es auténtica, mientras que los libros chinos significan la esencia de HTML: título, párrafo, lista, bibliografía. La esencia del aprendizaje HTML es usar lo que debería ser : Ghost. Por supuesto, esta oración necesita una explicación, y el ejemplo de referencia es su libro de texto chino de la escuela primaria.
Primero echemos un vistazo al proceso de producción de nuestro sitio web. En mi memoria, mi primer sitio web fue creado en 1998, cuando era un grupo de personas que usaban tablas para hacer páginas web. ¿Cuál es el problema más difícil que pensamos en la era de la mesa?
Diseño de columna indeciso de tres filas extrañas:
Extraño límite de un píxel:
Después de la época de la mesa (lo recuerdo alrededor de 2001), aparecieron las primeras personas que usaron <div>. Entonces un viento CSS sopló en China. El uso es ponerlo en varias mesas y usar el posicionamiento absoluto de CSS, y algunos agregan algunos JS para que flote. Más tarde, alguien comenzó a estudiar CSS. Recuerdo que en la etapa inicial del diseño de Fengren, varias personas que hablaron sobre cooperación estaban sosteniendo un libro de CSS y me contaron sobre esto y que (por supuesto, estas personas finalmente cambiaron de carrera). En este momento, la pregunta más difícil que pensamos era hacer un dongdong, que se llamaba efectos especiales de Java en ese momento. En este momento, me atrajo el XML propuesto por alguien, pero lo consideré como una especie de almacenamiento de datos (de hecho, esto sentó las bases para la implementación de Qzone).
El tiempo vuela. El 1 de mayo de 2004, en el Día Internacional del Trabajo, Electronics Industry Press publicó una traducción de un libro llamado "Refactorización web - Diseño con estándares web". Entonces, la creencia en Div CSS se extendió por todo el país, lo que realmente significa que comenzó el inicio intergeneracional de la reconstrucción del sitio web chino; Pero desde otra perspectiva, este libro sacó al creador web de China de un pozo de fuego y lo arrojó a otro Fire Kang. Creo que solo podemos mirar este libro desde la perspectiva de mirar los tiempos prósperos de las dinastías Sui y Tang. Porque solo significa el nacimiento de un nuevo emperador y una nueva dinastía, y no promueve el cambio social y la evolución de su esencia. Este libro nesta mesas en la anidación de div. El discurso más popular en ese momento (hasta ahora) fue que mi sitio web fue hecho por 'Div CSS'. En este momento, no me uní a este rango y estaba esperando; Porque tenía una pregunta muy crítica que no resolvió por qué 'div CSS' en lugar de 'Tabla CSS':
Cita "Esta será una revolución":
Echemos un vistazo a dos ejemplos primero. Tabla y Div hacen en la superficie son iguales, pero una vez que el gerente de producto propone modificaciones, el rendimiento debe cambiar. El DIV cambiará fácilmente para convertirse en este ejemplo. Como el ejemplo muestra que sin modificar el HTML, la tabla no puede completar tales cambios, incluso si es golpeado hasta la muerte. La superioridad de Div CSS que la Tabla CSS es la liberalización de la composición tipográfica. Como los ejemplos anteriores son el tema, la tabla nunca podrá hacerlo en su vida.
No fue hasta alrededor de Qzone 3.0 que comencé a descubrir la respuesta anterior, que tomó aproximadamente un año. Luego, en Qzone 4.0, se usó el nacimiento de tres marcas DL, DT, DD y TMENU. Lo que lamento ahora es que te he traído a otro CSS de Start-XHTML de la era cruzada, y también te llevó a un nuevo Kang. Es fácil entrar en el kang y es difícil salir del kang. Comencé a entender por qué dos celebridades reconstruidas: Ajie y Lao Gan, desaparecieron gradualmente de Internet. Comencé a no culpar a sus eventos anteriores, sino más bien un tipo de comprensión, y también me decidí. Luego comenzamos a sentar las bases del concepto SB de competencia saludable.
El viaje histórico es como arriba. Volver a la esencia del aprendizaje HTML es usar lo que debería ser; Significa que las etiquetas no se pueden abusar, y las etiquetas que se restauran a la esencia del contenido son etiquetas calificadas. Tome tmenu como ejemplo.
El código HTML anterior fue:
<ul class = menú>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = ahora> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
El código HTML ahora es:
<map id = directmenu class = menú>
<Viv> <a href =#> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a>
<a href =# class = ahora> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a> </div> </s map>
<h2> La siguiente es una lista de menú </h2>
<ul class = menú> <li>
<a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = ahora> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
Todos han visto las diferencias entre los dos. Hay una etiqueta de mapa adicional y una etiqueta HN. ¿Por qué es esto así? Echemos un vistazo a otro ejemplo: hay 100 autos de diferentes marcas, formas y colores en el patio de recreo; Ahora puede dividir estos autos en varios grupos y retroalimentación una lista para la selección. Por supuesto, la lista de uso es algo en lo que todos pensarán. ¿Pero alguna vez has pensado en lo que puede representar esta lista?
Ejemplo de cita
<ul>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ul>
De nuevo o
Ejemplo de cita
<Ol>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ol>
Con la lista anterior, no puedo ver claramente cómo se forma la clasificación de esta lista y por qué se ordena una y la otra está desordenada. ¿Cómo se alinearon así y por qué los juntaron? Muchas, muchas preguntas. Echemos un vistazo al siguiente ejemplo
Ejemplo de cita
<h3> autos de la serie amarilla </h3>
<ul>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ul>
De nuevo o
Ejemplo de cita
<h3> año de fábrica </h3>
<Ol>
<li> XXX Brand XXX Modelo </li>
<li> XXX Brand XXX Modelo </li>
</ol>
Los ejemplos anteriores se pueden ver de un vistazo. Todos los entresijos se hicieron claros. Sin embargo, ¿por qué la etiqueta del mapa todavía existe en el código TMENU? Echemos un vistazo a un ejemplo
El ejemplo anterior es, por supuesto, correcto. Sin embargo, tal estructura hace que las personas sientan que el usuario tiene una potencia extremadamente baja. ¿No es el menú de navegación del mapa del sitio después del nombre del sitio y Submark? ( Consulte especialmente el Sitio donde el menú está en la parte superior ) y al mismo tiempo, HTML en sí proporciona una etiqueta específicamente para la navegación del mapa del sitio - <map>. Dado que hay una etiqueta que tiene ese significado en sí mismo, ¿por qué necesita usar texto para explicarlo? No siempre puede usar <h3> Esta es una lista desordenada </h3> <ul> tan idiota. Todos saben que mi madre es mujer. Echemos un vistazo al siguiente ejemplo:
Sí, el código es más simple y claro.
De hecho, no será difícil dar el primer paso de WebReBuild. Regrese y eche un vistazo a los libros del idioma chino en las escuelas primarias, piense en las cosas más esenciales y se pregunte más por qué. . Al igual que ser un ser humano, deberías ser lo que debes hacer. No debe ser perturbado por la sociedad compleja y las engorrosas relaciones interpersonales. Adhiérase al principio de ser con los pies en la tierra, trabajar duro y ser un ser humano, el oro siempre brilla.
Citar contenido Tengo una peculiaridad. Realmente me gusta durante las entrevistas, siempre tengo que llevar al entrevistador XHTML. Al igual que cuando el maestro reclutó aprendices en el pasado, su habilidad y sabiduría son segunda, y su personaje es el primero en verse afectado.Creo que XHTML es como la esencia de una persona, CSS es como la forma de hacer las cosas y las actitudes de una persona, y JS es como el comportamiento y el estilo de una persona de hacer las cosas. La separación de los tres, junto con un SEO periférico y la interacción humana-computadora, es lo que llamamos reconstrucción del sitio web, que es una muy buena persona. Antes, algunas personas siempre pensaban que CSS era el elemento más importante del sitio web, pero de hecho, naturalmente representaba una visión de la vida. De hecho, es difícil para una persona sobrevivir bien en la sociedad actual sin una buena forma de lidiar con las cosas; Pero si la forma de lidiar con las cosas es demasiado parcial, se convierte en una persona que es buena para engañar y usa cualquier medio para hacer las cosas.
Ejemplo de cita
<h1> nombre del sitio </h1>*
<h2> Sitio Subkey </h2>*
<s map> <div> <a href =#> conectar 1 </a> <a href =#> conectar 2 </a> </div> </map>
Nota: El comentario parte del No. * se usa para enfatizar que el sitio es la vez principal para la promoción.
Ejemplo de cita
<h1> nombre del sitio </h1>*
<h2> Sitio Subkey </h2>*
<h3> Menú de navegación del mapa del sitio </h3>
<ul>
<li> Conexión 1 </li>
<li> Conexión 2 </li>
</ul>
Nota: El comentario parte del No. * se usa para enfatizar que el sitio es el tiempo principal para la promoción.