Html Tips

When it comes to Html, we've been there, done that, now serving 58 tips in 8 categories ranging from Design and Layout to Trouble Shooting.

¿qué hay de nuevo en HTML 5?

Una de las principales diferencias entre HTML 5 y HTML 4.1 es el tipo de documento. Es mucho más corto y fácil de recordar. Para indicarle al navegador que está utilizando HTML 5, lo único que necesita para hacerlo incluyen esta etiqueta al principio de su documento:

<! DOCTYPE html>

Al igual que las versiones anteriores de HTML, usted debe tener una cabeza de apertura, el título y el cuerpo con etiquetas de cierre apropiadamente anidadas. Sin embargo, ahora se puede utilizar las etiquetas de contenedores como

La forma en que maneja los formularios HTML 5 ha mejorado mucho, también. Puede utilizar etiquetas para definir generadores de claves, marcas y medidores e incluso barras de progreso. Anteriormente, se podría haber utilizado manualmente las tablas o imágenes para mostrar el progreso del usuario al completar una encuesta, pero no es necesario hacerlo cuando se utiliza HTML 5.

Etiquetas para usar y mostrar el código Ruby han sido implementadas en la nueva especificación. Además, le será más fácil integrar audio y vídeo con el nuevo HTML 5 etiquetas. Un último cambio le permite crear fácilmente los detalles y los bloques de resumen que reduzcan al mínimo y aumentar al máximo cuando el usuario hace clic en ellos.

Los espacios en blanco

la sintaxis correcta es imprescindible HTML para ser interpretado por el navegador como estaba previsto. Si, al visitar una página que cree, parece como si falta una pieza, ésta es la primera cosa a comprobar.

Todos tags HTML requieren que los personajes de un nombre de ser continua. Usted puede? T agregar espacios en blanco extra dentro de una etiqueta o de su marcado rodean sin que el navegador para que ignore la etiqueta (que es lo que hacen los navegadores con etiquetas que pueden? Reconocen t).

Aquí? S un ejemplo; Este requisito significa que </ BODY> es una etiqueta de cierre válida para un cuerpo del documento, pero que ninguno de los siguientes son legales:

</ BODY>

</ BODY>

</ B Ody>

</> DY BO

</ BOD Y>

</ BODY>

Usted consigue la idea. Don? T espacios en blanco el uso dentro de las etiquetas, salvo para separar deliberadamente un nombre de etiqueta de un nombre de atributo.

Jefe ...

Definición:

Define la información acerca de un documento HTML, incluyendo la información del meta, título de la página, vínculos a otros documentos, y el índice de la información.

Atributos:

Perfil =

Uso sugerido:

Aunque muchos navegadores hará un documento HTML sin uno, <HEAD> ... </ HEAD> se requiere. It? S también una buena idea si usted desea incluir la información para los motores de búsqueda o de establecer una URL base.

Ejemplo:

<HEAD> Aquí es donde pondría su etiqueta del título, meta etiquetas, y la etiqueta base. </ HEAD>

Centro de
...

Definición:

Indica que el texto adjunto debe estar centrado en la ventana del navegador.

Atributos:

Ninguno.

Uso sugerido:

No se utiliza mucho más. Propiedades de hoja de estilo similar y el atributo de haber tomado su lugar.

Ejemplo:

En esta tabla aparecerá en el centro del navegador:

<CENTER>

<TABLE>

<TR> <TD> </ TD> </ TR>

</ TABLE>

</ CENTER>


Comprimir los gráficos

Uso de imágenes gráficas en su página web aumenta el usuario? Páginas s experiencia y deja en claro agradable a la vista. Sin embargo, el internauta medio no esperarán más de 25 segundos para que una página se cargue, incluso cuando la desaceleración se debe a su conexión, no a su página.

Para asegurarse de que su página se carga con suficiente rapidez para mantener el surfista y aún permiten una gran cantidad de libertad para usar los gráficos que desea, le recomiendo el uso de una herramienta de compresión de gráficos. Esta herramienta va a comprimir. Gif o jpg. Sin tener que sacrificar mucho en el camino de la calidad de imagen.

Enlace Cerrar ventana

Abrir una ventana pop-up para ofrecer a los visitantes con información adicional o ayuda añade credibilidad a un sitio web. Visitantes, como el hecho de que ellos no no tendrá que esperar a una página entera a la carga (aunque realmente son!) Y también don? T tienen que perder su lugar en la página no? De acuerdo.

Un simple enlace en la página que se abre en la ventana emergente que le permite al usuario cerrar la ventana y volver a la página que estaba viendo. ¿Aquí? S el código:

Cerrar ventana

Not finding the advice and tips you need on this Html Tip Site? Request a Tip Now!


Guru Spotlight
Lynne Christen