PROGRAMACION WEB ETIQUETAS HTML, Diapositivas de Programación Web y Tecnologías

¡Descarga PROGRAMACION WEB ETIQUETAS HTML y más Diapositivas en PDF de Programación Web y Tecnologías solo en Docsity!

Introducción

Unidad 2 HTML, XML y CSS Subtema 2. Estructura global de un documento Web.

Estructura de un documento WEB

FrontEnd

DOCTYPE

dir

lang

manifest

title script style link base Metadatos

Introducción HMTL Head

Estructura global de un documento HTML

Tipo de documento

Raíz del documento

Cabecera del documento

Cuerpo del documento

Habilitar HTML

No es un tag de HTML, es una directiva al navegador que le hace saber el tipo de documento que está por interpretar. En este ejemplo, un documento HTML5.

Debe ser la primera línea del archivo, sin espacios ni líneas que la precedan y se ubica justo antes del tag , es el único elemento que se incluye fuera de esta etiqueta.

Al leer esta línea, el modo estándar del navegador se activa y las incorporaciones del HTML5 empiezan a ser interpretadas.

Es insensible a mayúsculas y minúsculas.

Principio y fin de un documento HTML

…

• Indica el principio y el fin de nuestra página web. Es también la raíz de la

estructura de árbol de nuestro documento.

• Toda instrucción de nuestro documento debe estar entre ambas etiquetas.
• Ambas etiquetas son insensibles a mayúsculas y minúsculas.

Parámetros del elemento

• Indica la dirección en que el texto debe ser leído.

Esto incluye al contenido, los valores de los

atributos y las tablas.

dir

• Permite indicar el lenguaje que se utilizará en la

presentación de la información e incluso la variante

del idioma por país.

lang

• Señala el nombre de un archivo manifiesto donde

se puede indicar los documentos que pueden ser

alojados en caché del lado del cliente”.

manifest

Indicar el lenguaje y el país

[-país]]>

• El atributo lang nos permite indicar el lenguaje que debe ser utilizado para la representación de la información, Esto puede evitarnos el tener que hacer codificación especial para acentos, eñes y demás “caracteres especiales”.
• Cuando sea necesario, se puede indicar la variante del lenguaje por país mediante el código de país.
• Los valores de este atributo son insensibles a mayúsculas y minúsculas y se toman de dos largar listas predefinidas.

Memoria

caché

]>

• El atributo manifest nos permite indicar el nombre de un archivo manifiesto donde se puede indicar los archivos que pueden ser alojados en caché del lado del cliente”.
• El archivo debe tener la extensión .manisfest.
• El archivo manifiesto debe sujetarse a un formato de archivo específico para que pueda ser interpretado por el navegador.

Formato de un archivo .manifest

CACHE MANIFEST CACHE: Archivo … ArchivoN

NETWORK: ArchivoA … ArchivoZ

FALLBACK: Archivo1 Archivo

Encabezado obligatorio Esta línea da inicio a la lista de archivos que serán cacheados en el cliente.

Esta línea da inicio a la lista de archivos que requieren conexión.

Esta línea da inicio a la lista de archivos de remplazo (“última instancia”).

archivo.manifest – ejemplo I

CACHE MANIFEST

v1 - 2016-04-

Curso web http://www.Miejemplo.com/index.html

http://www.Miejemplo.com/encabezado.png http://www.Miejemplo.com/blah/blah

Notas:

• Se puede especificar ya sea la ruta relativa de un archivo de manifest de caché o una URL absoluta (URLs absolutas deben estar en el mismo origen que la aplicación).
• Todas las líneas del archivo manifest asumen que están en la sección CACHE de no indicarse lo contrario.
• Las tres secciones pueden listarse en cualquier orden y pueden aparecer más de una vez.

Recursos en un caché de aplicación

• Son todas nuestras páginas que implícitamente quedarán cacheadas porque indican el atributo manifest en su etiqueta .

Entradas maestras

• Son todos aquellos recursos que aparecen listados en el archivo de manifiesto.

Entradas explícitas

• Son los recursos listados en un apartado NETWORK de nuestro archivo de manifiesto.

Entradas de red

• Son todas aquellas entradas que aparecen listadas en un apartado FALLBACK del archivo de manifiesto.

Entradas de fallback

Cabecera de un documento HTML

Cabecera del

documento

Elementos de la etiqueta

• Define el título de la página web. Es el pequeño rótulo que aparecerá en la pestaña del navegador.
• Se utiliza para insertar scripts (comúnmente de javascript) en el <script> documento.

<style>^ • Se utiliza para definir estilos dentro del documento.

• Establece un enlace hacia un recurso externo. Por ejemplo, un archivo de <link> hoja de estilo.
• Nos permite establecer direcciones URL base para la localización de los <base> archivos en el cuerpo del documento.
• Nos permite definir propiedades de un documento (autor, descripción, <meta> palabras clave, juego de caracteres, etc.)

Atributos de la etiqueta

• Define el nombre de un metadato. Suele name utilizarse en conjunto con el atributo content.
• Define el valor de un metadato nombrado. Suele content utilizarse en conjunto con el atributo name.
• Define el conjunto de caracteres que debe charset aplicarse para la renderización de la página.

http-equiv^ • Usado para fijar directivas de programa.