La parte principal del documento HTML generalmente incluye el título de página designado, que proporciona información sobre la página en sí, carga la tabla de estilo y carga el archivo JavaScript (para consideraciones de rendimiento, la mayor parte del tiempo se coloca en la parte inferior de la página < /Body> Carga antes del final de la etiqueta termina JavaScript). Excepto por el título, el contenido en la cabeza no es visible para los visitantes de la página.
El siguiente es un ejemplo de la parte principal del documento HTML:
<HEAD> <meta charset = utf-8/> <meta name = autor content = adam freeman/> <title> su título de título </title> <base href = http: // titings/target = _ blank/> << Tipo de estilo = Text/CSS> A {Color de fondo: Color: White; Elemento de títuloEl elemento Head debe contener un elemento de título, que aparecerá en la pestaña del navegador o en la parte superior de la ventana del navegador, como el título de la página web y relacionado con el navegador.
elemento baseEl elemento base se utiliza para establecer una URL de referencia para analizar los enlaces relativos en el documento HTML sobre esta base. Si no se especifica, use la URL del documento de carga actual. El elemento base también puede establecer el camino para abrir el enlace cuando el usuario hace clic y cómo reacciona el navegador al enviar el formulario.
<base href = http: // bjpowerNode/listings/target = _blank/>
1) HREF es la URL de referencia especificada.
2) Dónde abrir todos los enlaces en la página, incluido dónde se abre el atributo de destino, incluido el valor:
1) _blank: abra el documento conectado en la nueva ventana;
2) _Self: de forma predeterminada, abra el documento de enlace en el mismo marco;
3) _Parent: Abra el documento vinculado en el marco principal;
4) _TOP: abra el documento de enlace en toda la ventana;
5) FrameName: abra el documento de enlace en el marco especificado.
Meta elementoLos meta elementos se utilizan para definir varios metadatos de documentación. Elemento de la cabeza.
Especificar el par de metadatos de nombre/valor<meta name = autor content = adam freeman/>
El atributo de nombre se utiliza para representar el tipo de metadatos, que proporciona el valor del atributo de contenido. El atributo de nombre contiene los siguientes valores:
1) Nombre de la aplicación: el nombre del sistema de aplicaciones web que pertenece a la página actual;
2) Autor: el nombre del autor de la página actual;
3) Descripción: Instrucciones de la página actual;
4) Generador: el nombre del software utilizado para generar HTML;
5) Palabras clave: describa el contenido de la página.
Además de los cinco nombres de metadatos prefabricados anteriores, también puede usar la expansión de metadatos. Algunas extensiones se usan más, como los metadatos de los robots.
<meta name = robots content = noindex/>
Este atributo tiene valores que la mayoría de los motores de búsqueda se reconocen:
1) Nondex: no indexe esta página;
2) Noarchive: no archive ni almacene en caché esta página;
3) Nofollow: no continúe buscando en el enlace de esta página.
La mayoría de los motores de búsqueda proporcionan pautas para optimizar páginas web o sitios web completos, y puede ver páginas web o pautas de optimización del sitio web proporcionadas por el motor de búsqueda correspondiente.
Código de caracteres de la declaración<meta charset = utf-8 />
La codificación de caracteres del documento de Declaración del Meta Elemento en el elemento Head es UTF-8 (predeterminado).
Campo de encabezado HTTP de simulaciónLos meta elementos se pueden usar para simular o reemplazar el valor de tres campos de encabezado HTTP.
<meta http-oquiv = actual contenido = 5/>
El uso del atributo HTTP-Equiv es el nombre del nombre del campo del encabezado que especifica el encabezado simulado, y el valor de campo se especifica en la propiedad de contenido. El valor opcional de la propiedad HTTP-Equiv es el siguiente:
1) Actualizar: especifique un intervalo de tiempo en segundos en segundos. También puede especificar una URL por separado para que el navegador se cargue, como:
<meta http-equiv = regrressh content = 5;
2) Estilo predeterminado: especifique la tabla de estilo preferida por la página.
3) Tipo de contenido: otro método para declarar la codificación de caracteres utilizada en la página HTML, como ::
<meta http-oquiv = content-type content = text/html charset = utf-8/>Elemento de estilo
Defina el estilo CSS incrustado en el documento HTML.
<Type de estilo = text/css> a {Color de fondo: gris: blanco;Un nuevo estilo está diseñado para el elemento A. Los elementos de estilo pueden aparecer en varias partes de los documentos HTML.
Medios que pueden especificar el estilo para elementos de estilo:
<Style media = screen y (min-width: 500px) type = text/css> ...... </style>
La pantalla en el atributo de medios es un tipo de dispositivo, y el rango de valor opcional incluye:
1) Todos: use el estilo para todos los dispositivos (valores predeterminados);
2) Aural: use el estilo para el sintetizador de voz;
3) Braille: use el estilo para preguntarle al dispositivo;
4) Handheld: use el estilo para el dispositivo portátil;
5) Proyecto: use estilos para proyectores;
6) Imprimir: cuando se usa el estilo para imprimir la vista previa y la página de imprimir;
7) Pantalla: use el estilo para la pantalla de visualización de la computadora;
8) TTY: use el estilo para equipos de igual ancho, como máquinas de pase eléctricas;
9) TV: Use estilo para TV.
(Min-Width: 500px) Características especificadas en la atribución de medios, que incluyen:
1) Altura de ancho: especifique el ancho y la altura de la ventana del navegador, Unidad PX, por ejemplo: Ancho: 200px
2) Desarrollo de ancho de dispositivo Alcance: Especifique el ancho y la altura de todo el dispositivo (no solo la ventana del navegador), Unidad PX, por ejemplo: Min-Device-HEight: 200px
3) Resolución: la densidad de píxeles del dispositivo, la unidad DPI (punto/pulgada) o DPCM (punto/cm), por ejemplo: resolución máxima: 600dpi
4) Orientación: la dirección larga del dispositivo especificado, el valor opcional es el retrato y el paisaje
5) Aspect -Sfici Dispositivo-Aspect-Ratio: Especifique la relación de ancho de píxeles de la ventana del navegador o el dispositivo completo, por ejemplo: Min-Aspect-Ratio: 16/9
6) Monocromo de color: especifique los dígitos binarios ocupados por cada píxel en cada píxel en el color o el dispositivo blanco y negro, por ejemplo: Min-Monocromo: 2
7) Indicio de color: el número de colores que puede mostrar el dispositivo designado, por ejemplo: Max-Color-IDEX: 256
8) Escanear: especifique el modo de escaneo de TV, incluido el valor progresivo e interlation
9) Grid: el tipo de dispositivo especificado, el valor de soporte es 0 y 1 (1 representa un dispositivo de tipo de cuadrícula, utilizando un contenido de visualización de cuadrícula fijo)
Elemento de enlaceSe utiliza para establecer una conexión entre los documentos HTML y los recursos externos (como las tablas de estilo CSS). El elemento de enlace contiene 6 atributos locales, como sigue:
1) href: especifique la URL del recurso apuntado al elemento de enlace;
2) Hreflang: explique el lenguaje utilizado en los recursos asociados;
3) Medios: Explique qué dispositivo se usa en el contenido relacionado y los atributos de los medios en el estilo;
4) Rel: El rango de la relación entre el documento y los recursos asociados es el siguiente:
--- Alternativo: la versión alternativa del enlace al documento, como la traducción de otro idioma;
--- Autor: autor del enlace al documento;
--- Ayuda: el documento de descripción conectado al documento actual;
--- icono: especifique los recursos de iconos;
--- Licencia: enlace a la licencia relevante al documento actual;
--- Pingback: especifique un servidor de pingback, que puede notificarse automáticamente al vincular desde otros sitios web a blogs;
--- Prepleting: Obtenga un recurso por adelantado;
--- Hojas de estilo: Cargue la mesa de estilo externo.
5) Tamaños: especifique el tamaño del icono;
6) Tipo: Especifique el tipo MIME de los recursos asociados, como Text/CSS, Image/X-Icon.
Cargue la mesa de estilo externo<link rel = stylesheet type = text/css href = styles.css/>
Puede usar múltiples elementos de enlace para cargar múltiples recursos externos.
Defina el logotipo del sitio web para la página<Link Rel = Actual icon href = favicon.ico type = image /x-icon />
Cuando el navegador se carga con la página HTML, se cargará y mostrará el logotipo del sitio web.
Nota: Si el archivo del logotipo del sitio web se encuentra en /favicon.ico (el directorio raíz del servidor web), no es necesario usar el elemento de enlace. Sin elemento de enlace.
Recurso previo a la obtain
Se puede requerir que el navegador obtenga los recursos que se espera que se usen pronto.
<link rel = prefetch href =/page2.html/>
Nota: No todos los navegadores actualmente admiten esta función.
Elemento de guiónUtilizado para agregar scripts en la página, puede definir el script y hacer referencia al script en el documento directamente. Los atributos locales respaldados por este elemento son los siguientes:
1) Tipo: El tipo de script referenciado o definido, para el atributo del script JavaScript, puede omitir
2) SRC: especifique la URL del archivo de script externo
3) Diferir async (html5 nueva adición): Establezca el método de ejecución del script, estos dos atributos solo se pueden usar con los atributos SRC
4) Charset: explique la codificación de caracteres utilizada en el archivo de script externo, que solo se puede usar con el atributo SRC
Defina el documento en el script incrustado<script> document.write (esto es del script);
Por defecto, el navegador se ejecutará tan pronto como el script encuentre la página.
Cargue la biblioteca de script externosPuede poner el script en un archivo separado y luego cargar el documento HTML con elementos de script.
<script src = simple.js> </script>Agotar la ejecución del script
Use Async y diferir los atributos para controlar el método de ejecución de la propiedad.
<Script diferir src = simple2.js> </script>
Debido a que HTML se ejecutará cuando encuentre un script, si su script necesita usar el contenido en el script HTML, generalmente debe colocar el script en el script HTML correspondiente, pero en HTML5, el mismo propósito se puede lograr con el diferido propiedad.
Cuando el navegador encuentra elementos del script, el comportamiento predeterminado es suspender la página de procesamiento al cargar y ejecutar el script, y cada elemento de script se ejecuta a su vez. Los atributos de Async pueden ser la carga asíncrona y la ejecución de scripts durante el documento HTML de análisis del navegador.
<script async src = simple2.js> </script>Elemento Noscript
El elemento Noscript se utiliza para mostrar algún contenido a los usuarios que deshabilitan JavaScript o los navegadores no admiten JavaScript.
<oscript> <h1> JavaScript es necesario!
Otra opción es llevarla a otra URL cuando el navegador no admite JavaScript.
<oscript> <meta http-oquiv = actualización de contenido = 0;