Latest web development tutorials

Calidad Web - elementos HTML importantes

Para la mejora de la calidad de la tela, <DOCTYPE>, <title> y <h1> etiquetas son importantes.


<! DOCTYPE> elemento

Todas las páginas HTML y XHTML deben definirse de acuerdo con la versión de HTML usando <DOCTYPE> elemento.

tipo de documento define versión HTML que está utilizando, y proporcionan información importante para el navegador para que pueda más rápida y consistentemente hacer que su página.

Documento de declaración de tipo, sino también para comprobar que el software puede comprobar la sintaxis de la página:

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, de transición, de marcos

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 estricto, de transición, de marcos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


elemento <title>

<Title> es uno de los elementos HTML más importantes. Su función principal es describir el contenido de la página.

Incluso si el título no es una parte visible de la página, es para la calidad del sitio sigue siendo importante, ya que es visible en las siguientes ubicaciones:

  • la lista de motores de búsqueda
  • barra de título de la ventana
  • marcadores de usuario

El título debe ser lo más corto posible, y que tiene descriptiva.

Cuando un usuario realiza una búsqueda en el sitio de Internet, la mayoría de los motores de búsqueda se mostrará el título de la página web en los resultados de búsqueda. Asegúrese de que el contenido del título y la página es consistente. En este caso, el usuario es más probable que tengan acceso a su sitio haciendo clic en estos enlaces.

Cuando un usuario visita su título del sitio en la barra de título de la ventana es visible. Asegúrese de que incluso cuando la ventana está minimizada, el título también puede jugar un papel en el contenido de la descripción sitio web.

Después de que el usuario visita su sitio, el título de la página se almacena en la carpeta de historial (Los usuarios pueden incluso poner la colección de las páginas de sus favoritos). Para exitosa visita posterior también asegurarse de que el título describe claramente su sitio.

Excelente Título:

<Título> Tutorial HTML </ title>

<Título> XML Introducción </ title>

Ejemplos de título lagunas ::

<Title> Introducción </ title>

<Título> Capítulo 1 </ title>

W3Cschool tiene un conjunto de bien organizada, fácil de entender HTML, CSS, Javascript, DHTML, XML, XHTML, WAP, ASP, SQL tutoriales, e incluye numerosos ejemplos y código fuente.


elemento <H1>

elemento <H1> se utiliza para describir el título de la página superior.

Debido a que algunos de los navegadores por defecto a los <h1> se muestra como una fuente grande, por lo que habrá algunos desarrolladores web usar el elemento <h2> en lugar del elemento <h1> para mostrar el título superior. Esto no va a tener un impacto en el lector, pero hará que los que intentan "comprender la estructura de la página" motores de búsqueda y otro software confundidos.

Asegúrese de que la etiqueta <h1> por el título superior, <h2> y <h3> para un nivel inferior.

De acuerdo con esta plantilla se puede tratar de construir su página:

Esta es la línea principal

Parte del texto inicial

Este es un encabezado de nivel 2

Esto es un texto. Esto es un texto. Esto es un texto.

Se trata de un título de nivel 3

Esto es un texto. Esto es un texto. Esto es un texto.

Se trata de un título de nivel 3

Esto es un texto. Esto es un texto. Esto es un texto.

Si no te gusta el título predeterminado tamaño de fuente, estilo, o puede utilizar hojas de estilo para cambiar.