Calidad Web -Elementos HTML importantes
Para mejorar la calidad web, <DOCTYPE>, <title> y <h1> son etiquetas importantes.
Elemento <!DOCTYPE>
Todas las páginas HTML y XHTML deben usar el elemento <Doctype> para definir qué versión de HTML se sigue.
El doctype define la versión de HTML que está utilizando y proporciona información importante al navegador para que pueda renderizar su página de manera más rápida y consistente.
La declaración de tipo de documento también permite que el software de validación compruebe la sintaxis de la página:
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict, Transitional, Frameset
<!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 Strict, Transitional, Frameset
<!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>
El elemento <title> es uno de los elementos HTML más importantes. Su función principal es describir el contenido de la página web.
Aunque el título no es una parte visible de la página web, sigue siendo importante para mejorar la calidad del sitio, porque es visible en los siguientes lugares:
- Listados de motores de búsqueda
- La barra de título de la ventana
- En los marcadores del usuario
El título debe ser lo más corto posible y descriptivo.
Cuando un usuario busca sitios web en Internet, la mayoría de los motores de búsqueda muestran el título del sitio en los resultados. Asegúrese de que el título coincida con el contenido de la página. Así, los usuarios tendrán más posibilidades de acceder a su sitio haciendo clic en esos enlaces.
Cuando el usuario visita su sitio web, el título es visible en la barra de título de la ventana. Asegúrese de que, incluso cuando la ventana esté minimizada, el título siga describiendo el contenido del sitio.
Después de que el usuario visite su sitio web, el título de la página se guarda en la carpeta de historial (el usuario incluso puede agregar la página a sus favoritos). Para futuras visitas exitosas, asegúrese también de que el título describa claramente su sitio.
Buenos títulos:
Ejemplo
<title>XML Introduction</title>
Ejemplos de títulos malos:
Ejemplo
<title>Chapter 1</title>
Tutorial para novatos tiene un conjunto completo de tutoriales bien organizados y fáciles de entender sobre HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP y SQL, e incluye muchos ejemplos y código fuente.
Elemento <h1>
El elemento <h1> se utiliza para describir el título de nivel más alto de la página web.
Debido a que algunos navegadores muestran el elemento <h1> con un tamaño de fuente muy grande por defecto, algunos desarrolladores web usan el elemento <h2> en lugar del <h1> para mostrar el título de nivel más alto. Esto no afecta a los lectores, pero puede confundir a los motores de búsqueda y otro software que intentan 'entender la estructura de la página web'.
Asegúrese de usar <h1> para el título de nivel más alto, y <h2> y <h3> para los niveles inferiores.
Puede intentar construir su página web según esta plantilla:
This is the main headingSome initial text This is a level 2 headingThis is some text. This is some text. This is some text. This is a level 3 headingThis is some text. This is some text. This is some text. This is a level 3 headingThis is some text. This is some text. This is some text. |
Si no le gusta el tamaño de fuente predeterminado de los títulos, puede cambiarlo usando estilos o hojas de estilo.
Otras extensiones