Los últimos tutoriales de desarrollo web
 

Calidad web


El uso de los nuevos estándares web mejora la calidad de su sitio web.


Usar HTML 5

Escribir sus páginas para el último estándar HTML5, te trae lo más cercano posible a la perfección.

Todas las páginas HTML deben contener un <! DOCTYPE> elemento para definir qué versión de HTML se ajusta a.

El DOCTYPE da información importante para su navegador para que pueda hacer que su página de forma más rápida y consistentemente.

La declaración DOCTYPE también permite que el software de validación para comprobar la sintaxis de su página:

<!DOCTYPE html>

Use los archivos separados CSS

Utilización de hojas de estilo en cascada (CSS) es la forma preferida de separar el contenido de estilo, en las páginas web de calidad.

El uso de CSS mejora la calidad de los sitios web y aumenta la legibilidad de muchos navegadores diferentes.

Estilos (tamaños, fuentes, colores y más) deben posicionarse fuera páginas web, en los archivos CSS separadas.Using a separate CSS file will also greatly reduce your web site development costs. El uso de un archivo CSS independiente también reducirá en gran medida sus costes de desarrollo de sitios web.

Con un archivo CSS independiente puede cambiar el estilo de los elementos HTML volviendo a escribir una línea de código.If you have used CSS inside your pages, you will have to edit all these pages. Si ha utilizado CSS dentro de sus páginas, tendrá que editar todas estas páginas.


Validación de web

Un validador es un programa de software que se pueden ver sus páginas web en contra de los estándares web.

Cuando se utiliza un dispositivo de validación para comprobar los documentos HTML y CSS, el validador devuelve una lista de los errores encontrados, de acuerdo con el estándar elegido.

Asegúrate de hacer un hábito para validar todas sus páginas web antes de publicar.


El elemento de título

El elemento <title> es uno de los elementos HTML más importantes.Its main function is to describe the content of a web page. Su función principal es describir el contenido de una página web.

Incluso si el título no es una parte visible de su página web, es importante para la calidad de su sitio web porque:

  • Será visible en las listas de los motores de búsqueda
  • Es visible en la barra de título del navegador
  • Que se mostrará en el marcador de usuario

El título debe ser lo más corta y más descriptivo posible.

Asegúrese de que el título coincide con el contenido que el usuario está buscando.Then it is more likely the user will click on the link to visit your web site. Entonces es más probable que el usuario debe hacer clic en el enlace para visitar su sitio web.

Ejemplos de buenas título:

<Title> Tutorial HTML </ title>

<Title> XML Introducción </ title>

Los malos ejemplos título:

<Title> Introducción </ title>

<Title> Capítulo 1 </ title>

<Title> w3ii tiene una colección de galardonados, bien organizado y fácil de entender HTML, CSS, JavaScript, XML tutoriales y SQL con un montón de ejemplos de trabajo y código fuente.</title> </ Title>


los elementos de encabezamiento

El elemento <h1> se utiliza para describir la línea principal de una página web.

Debido a que algunos navegadores web muestran el elemento <h1> en una gran fuente por defecto, algunos desarrolladores web usarán el elemento <h2> en lugar del elemento <h1> para los títulos principales.This will confuse most search engines and other software that will try to "understand" the structure of the web page. Esto confundirá a la mayoría de los motores de búsqueda y otro software que tratarán de "comprender" la estructura de la página web.

Uso <h1> para los títulos principales, y <h2> y <h3> para los títulos de nivel inferior.

Trate de estructurar sus títulos después de esta plantilla:

encabezamiento principal

Parte del texto inicial

Nivel de las posiciones 2

Esto es un texto.This is some text. Esto es un texto.Esto es un texto.

Título de nivel 3

Esto es un texto.This is some text. Esto es un texto.Esto es un texto.

Si no te gusta el tamaño por defecto para las cabeceras, utilizar CSS para cambiarlo.


Conjuntos de caracteres

Todos los estándares del W3C (desde 1996) define un conjunto de caracteres interno llamado Unicode (ISO 10646).

Todos los navegadores web modernos están utilizando este juego de caracteres internamente.Most documents transmitted over the Internet do not use the Unicode character set. La mayoría de los documentos transmitidos a través de Internet no utilizan el conjunto de caracteres Unicode.

Debido a esto, los navegadores y servidores deben tener una manera de llegar a un acuerdo sobre el conjunto de caracteres utilizado en la comunicación entre ellos.

El etiquetado de cada documento con el juego de caracteres adecuado, es importante para la calidad de su sitio web.

Por sus páginas HTML, utilice siempre el siguiente elemento meta dentro del elemento <head>:

<meta charset="x">

Reemplazar x por el juego de caracteres que desea utilizar, como ISO-8859-1, UTF-8 o UTF-16.


formatos de fecha

No utilizar fechas como "04/03/02".

La fecha anterior podría significar el 2 de marzo de 2004. También podría significar el 4 de marzo de 2002. O incluso el 3 de abril de 2002.

La Organización Internacional de Normalización (ISO) ha definido un formato internacional para fechas como "aaaa-mm-dd", donde aaaa es el año, MM es el mes y DD es el día.

Cuando se utiliza este formato ISO, se puede esperar que la mayoría de los visitantes entiendan sus fechas.