Los Tres Principios De la Optimización Del Código del HTML
Justo como el resorte que limpia una casa, el código del HTML de sus Web pages debe conseguir la limpieza periódica también. En un cierto plazo, como cambios y actualizaciones se hacen a un Web page, el código puede dejarse en desorden con el alboroto innecesario, retrasando tiempos de carga de la página y lastimando la eficacia de su Web page. El HTML estorbado puede también afectar seriamente su graduación del Search Engine.
Esto es especialmente verdad si usted está utilizando un paquete del diseño de la tela del WYSIWYG (qué usted ve es lo que usted consigue) tal como FrontPage o Dreamweaver. Estos programas acelerarán su creación del Web site, pero no son ése eficiente en el código limpio del HTML de la escritura.
Nos centraremos esta discusión en la codificación real del HTML, no haciendo caso de otros lenguajes de programación que se puedan utilizar en una página tal como Javascript. En los ejemplos del código utilizaré (y) caracteres en vez del HTML correcto de modo que los ejemplos del código exhiban correctamente en este boletín de noticias.
Encima de hasta hace poco tiempo al cifrar una página en el HTML estaríamos utilizando etiquetas tales como la etiqueta (de la fuente) y (p) etiquetas del párrafo. Entre estas etiquetas sea nuestro contenido, texto, imágenes y acoplamientos de la página. Cada vez que un cambio del formato fue realizado en la página que las etiquetas nuevas fueron necesitadas con el formato completo para el nuevo seccionan. Hemos ganado más recientemente la capacidad de utilizar las hojas de conexión en cascada del estilo, permitiendo que escribamos el formato una vez y después que refiramos a ese formato varias veces dentro de un Web page.
Para acelerar tiempos de carga de la página necesitamos tener pocos caracteres en la página cuando están vistos en un redactor del HTML. Puesto que realmente no deseamos quitar cualquiera de nuestro contenido visible necesitamos mirar al código del HTML. Limpiando encima de este código podemos quitar los caracteres, de tal modo creando un Web page más pequeño que cargue más rápidamente.
El HTML en un cierto plazo ha cambiado y ahora tenemos muchas diversas maneras de hacer la misma cosa. Un ejemplo sería el código usado para demostrar una negrita cara. En el HTML tenemos dos opciones principales, la etiqueta (fuerte) y (b) la etiqueta. Como usted puede ver que la etiqueta (fuerte) utiliza 5 más caracteres que (b) la etiqueta, y si consideramos las etiquetas de cierre también vemos eso el usar de las aplicaciones del par de la etiqueta (strong)(/strong) 10 más caracteres que el par más limpio de la etiqueta (b)(/b).
Éste es nuestro primer principio del código limpio del HTML: Utilice el método más simple de la codificación disponible.
El HTML tiene la capacidad del código del nesting dentro del otro código. Por ejemplo podríamos tener una línea con tres palabras donde estaba la palabra media en en negrilla. Esto podría ser lograda cambiando el formato totalmente cada vez que el formato visible cambia. Considere este código:
(fuente face=?times?)This(/font)
(fuente face=?times?)(strong)BOLD(/strong)(/font)
(fuente face=?times?)Word(/font)
Esto toma 90 caracteres.
Éste es HTML muy mal escrito y es lo que usted conseguirá de vez en cuando al usar un redactor del WYSIWYG. Desde las etiquetas (de la fuente) están repitiendo la misma información que podemos jerarquizar simplemente las etiquetas (fuertes) dentro de las etiquetas (de la fuente), y mejor con todo utilizar (b) la etiqueta en vez de la etiqueta (fuerte). Esto nos daría este código (face=?times)This de la fuente (b)BOLD(/b) Word(/font), tomando solamente 46 caracteres.
Éste es nuestro segundo principio del código limpio del HTML: Utilice las etiquetas jerarquizadas cuando es posible. Esté enterado que los redactores del WYSIWYG pondrán al día con frecuencia el formato agregando capa después de la capa del código jerarquizado. Tan mientras que usted está limpiando encima del código busque el código jerarquizado redundante puesto allí por su WYSIWYG que corrige programa.
Un problema grande con usar etiquetas del HTML es que necesitamos repetir la codificación de la etiqueta siempre que cambiemos el formato. El advenimiento del CSS no nos prohibe una gran ventaja en la codificación limpia no prohibiéndonos a la disposición el formato una vez en un documento, entonces le refiere simplemente repetidamente otra vez.
Si tuviéramos seis párrafos en una página que cambian entre dos diversos tipos de formato, tales como títulos en azul, en negrilla, Ariel, clasifica 4 y divide en párrafos el texto en el negro, épocas, tamaño 2, usando etiquetas que necesitaríamos enumerar ese formato completo cada vez que realizamos un cambio.
¿(face=?Ariel de la fuente? ¿color=?blue? size=?4?)(b)Our heading(/b)(/font)
¿(color=?black de los face=?Times de la fuente? size=?2?)Our paragraph(/font)
¿(face=?Ariel de la fuente? ¿color=?blue? size=?4?)(b)Our después heading(/b)(/font)
¿(color=?black de los face=?Times de la fuente? size=?2?)Our después paragraph(/font)
Entonces repetiríamos esto para cada título y párrafo, porciones del código del HTML.
Con el CSS que podríamos crear los estilos del CSS para cada tipo del formato, que enumere los estilos una vez en el jefe de la página, y después que refiera simplemente al estilo cada vez que realizamos un cambio.
(cabeza)
(estilo type="text/css")
(! - -
style1 {
fuente-familia: Arial, helvetica, sans-serif;
fuente-peso: en negrilla;
fuente-tamaño: 24px;
}
style2 {
fuente-familia: "romano nuevo de las épocas", épocas, serif;
fuente-tamaño: 12px;
}
--)
(/estilo)
(/cabeza)
(cuerpo)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/cuerpo)
Note que los estilos están creados en la sección principal de la página y después referidos simplemente a la sección del cuerpo. Pues agregamos más formato continuaríamos simplemente refiriendo a los estilos previamente creados.
Éste es nuestro tercer principio del código limpio del HTML: Utilice los estilos del CSS cuando siempre es posible. El CSS tiene varias otras ventajas, tales como poder poner los estilos del CSS en un archivo externo, de tal modo reduciendo el tamaño de la página aún más, y la capacidad de poner al día rápidamente el formato sitio-ancho simplemente poniendo al día el archivo externo del estilo del CSS.
Tan con una cierta limpieza simple de su código del HTML usted puede reducir fácilmente el tamaño del archivo y hacer un cargamento rápido, una inclinación y un Web page malo.
Sobre el autor:
George Peirson es empresario y un amaestrador acertados del Internet. Él es el autor sobre de 30 títulos preceptorales basados las multimedias del entrenamiento que cubren los asuntos tales como Photoshop, flash y Dreamweaver. Para ver sus sistemas del entrenamiento visitar www.howtogurus.com
Artículo Fuente: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster obtener el código html
Añadir este artículo a su sitio web ahora!
Webmaster Envíe sus artículos
No es necesario que se registre! Completa el formulario y su artículo está en el Messaggiamo.Com Directorio!
