Cap 7

7.
1 Introducción a la estructura de un documento HTML

Un documento HTML 4 se compone de tres partes:
1. una línea que contiene información sobre la versión HTML ,
2. una sección de la cabecera declarativa (delimitada por las CABEZA elemento),
3. un cuerpo, que contiene el contenido real del documento. El cuerpo puede ser aplicado por el CUERPO elemento o
el FRAMESET elemento.
Espacio en blanco (espacios, saltos de línea, tabuladores y comentarios) puede aparecer antes o después de
cada sección. Secciones 2 y 3 deben estar delimitados por el HTML del elemento.
He aquí un ejemplo de un simple documento HTML:
<! DOCTYPE HTML PUBLIC "- / W3C / / / DTD HTML 4.01 / / EN"
"Http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE> Mi primer documento HTML </ TITLE>
</ HEAD>
<BODY>
<P> ¡Hola, mundo!
</ BODY>
</ HTML>
7,2 información de la versión HTML
Un documento HTML válido declara qué versión de HTML se utiliza en el documento. El tipo de documento de
declaración de los nombres de la definición de tipo de documento (DTD) en uso para el documento
(ver [ISO8879] ).
HTML 4.01 especifica tres DTDs, por lo que los autores deben incluir una de las declaraciones de tipo de
documento a continuación en sus documentos. Los DTDs varían en los elementos que soportan.
 El DTD HTML 4.01 Strict incluye todos los elementos y atributos que no han sido desaprobados o que no
aparecen en los documentos de marcos. Para documentos que usen este DTD, utilice esta declaración de tipo de
documento:
 <! DOCTYPE HTML PUBLIC "- / W3C / / / DTD HTML 4.01 / / EN"
 "Http://www.w3.org/TR/html4/strict.dtd">
 El DTD HTML 4.01 Transitional incluye todo lo que en el DTD estricto más los elementos y atributos desaprobados
(la mayoría de los cuales la presentación visual preocupación). Para los documentos que usen este DTD, utilice
esta declaración de tipo de documento:
 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / ES /"
 "Http://www.w3.org/TR/html4/loose.dtd">
 El conjunto de marcos HTML 4.01 DTD incluye todo lo que en el DTD de transición, más cuadros también. Para
documentos que usen este DTD, utilice esta declaración de tipo de documento:
 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Frameset / / EN"
 "Http://www.w3.org/TR/html4/frameset.dtd">
El URI en cada declaración de tipo de documento permite a los agentes de usuario descargar el DTD y
cualquier conjuntos de entidades que se necesitan. A continuación (relativa) URI se refieren a las DTD y
los conjuntos de entidades de HTML 4:
 " strict.dtd "- default estricta DTD
 " loose.dtd "- a granel DTD
 " frameset.dtd "- DTD para documentos con marcos
 " HTMLlat1.ent "- Latin-1 entidades
 " HTMLsymbol.ent "- entidades Símbolo
 " HTMLspecial.ent "- entidades Especial
La unión entre los identificadores públicos y los archivos pueden ser especificados usando un archivo de catálogo,
siguiendo el formato recomendado por el Consorcio abierto Oasis (ver [OASISOPEN] ). Un archivo de catálogo de
la muestra para HTML 4.01 se incluye al inicio de la sección de información de referencia SGML de HTML.Las dos
últimas letras de la declaración de indicar el idioma del DTD. Para HTML, éste es siempre Inglés ("ES").
Tenga en cuenta. A partir del 24 de diciembre la versión HTML 4.01, el Grupo de Trabajo HTML se compromete a
la siguiente política:
 Cualquier cambio a futuro DTD HTML 4 no invalidarán los documentos que se ajusten a los DTDs de la presente
especificación. El Grupo de Trabajo de HTML se reserva el derecho de corregir los errores conocidos.
 Software conforme a la DTD de la presente especificación pueden ignorar las características de los futuros DTD
HTML 4 que no reconoce.
Esto significa que en una declaración de tipo de documento, los autores pueden utilizar con seguridad un
identificador de sistema que se refiere a la última versión de HTML 4 una DTD. Los autores también pueden optar
por utilizar un identificador de sistema que hace referencia a un específico (con fecha) versión de un DTD HTML 4
cuando la validación de ese DTD en particular es necesario. W3C hará todo lo posible para que los documentos
de archivo disponible indefinidamente en su dirección original en su original formulario.
7.3 El HTML elemento
<! ENTITY% html.content "HEAD, BODY">
<! ELEMENT HTML OO ( html.content%; ) - elemento raíz del documento ->

<! ATTLIST HTML
i18n%; - lang , dir -
>
Inicio tag:, chicote opcional: opcional
Atributo definiciones
versión = cdata [NC]
Desaprobado. El valor de este atributo especifica qué versión de la DTD HTML gobierna el documento
actual. Este atributo ha sido desaprobado porque es redundante con información de la versión que ofrece la
declaración de tipo de documento.
Los atributos definidos en otros lugares
 lang ( información sobre el idioma ), dir ( dirección del texto )
Después de escribir el documento de declaración, el resto de un documento HTML que contiene el HTML del
elemento. Por lo tanto, un típico documento HTML tiene la siguiente estructura:
<HTML>
... La cabeza, cuerpo, etc ... va aquí
</ HTML>
7.4 El documento de la cabeza
7.4.1 La CABEZA elemento
<! - head.misc%; definido anteriormente como "SCRIPT | Estilo | META | ENLACE |
OBJETO" ->
<! ENTITY% head.content "TÍTULO & BASE?">
<! ELEMENT CABEZA OO ( head.content% ) + ( head.misc%; ) - encabezado del documento

->
<! ATTLIST CABEZA
i18n%; - lang , dir -
Perfil % URI; # IMPLIED - diccionario de meta información -
>
perfil = uri [CT]
Este atributo especifica la ubicación del o más perfiles de metadatos, separadas por espacios en blanco. Para
futuras ampliaciones, los agentes de usuario deberían considerar el valor de ser una lista a pesar de que esta
especificación sólo tiene en cuenta la primera URI para ser significativo. perfiles se analizan a continuación en la
sección sobre metadatos .
La CABEZA elemento contiene información sobre el documento actual, como su título, palabras clave que pueden
ser útiles a los motores de búsqueda, y otros datos que no se considera el contenido del documento. Los agentes
de usuario por lo general no representan los elementos que aparecen en el HEAD como contenido. Podrán, sin
embargo, que la información en el HEAD a disposición de los usuarios a través de otros mecanismos.
7.4.2 El TÍTULO elemento
<! - El elemento TITLE no se considera parte del flujo de texto.
Se debe mostrar, por ejemplo, como el encabezado de página o
título de la ventana. Exactamente un título es necesario por documento.
->
<! ELEMENT TÍTULO - - (# PCDATA) - ( head.misc%; ) - título del documento ->
<! ATTLIST TÍTULO % i18n >
Inicio tag:, Fin etiqueta obligatoria: requiere
Todo documento HTML debe tener un TÍTULO elemento en el HEAD sección.
Los autores deben utilizar el TÍTULO elemento para identificar el contenido de un documento. Dado que los
usuarios a menudo consultan documentos fuera de contexto, los autores deberían proporcionar títulos ricos-
contexto. Así, en vez de un título como "Introducción", que no proporciona mucha antecedente contextual, los
autores deben proporcionar un título como "Introducción a la apicultura medieval" en lugar.
Por razones de accesibilidad, los agentes de usuario siempre que el contenido
del TÍTULO elemento disponible para los usuarios (incluyendo TÍTULO elementos que ocurren en marcos). El
mecanismo para ello depende del agente de usuario (por ejemplo, como un título, hablado).
Los títulos pueden contener entidades de caracteres (para caracteres acentuados, caracteres especiales, etc),
pero no pueden contener marcas de otro tipo (incluidos los comentarios). Aquí es un título de documento de
muestra:
<HTML>
<HEAD>
<TITLE> Un estudio de dinámica de poblaciones </ TITLE>
... la cabeza de otros elementos ...
</ HEAD>
<BODY>
... cuerpo del documento ...
</ BODY>
</ HTML>
7.4.3 El título de atributos
título = texto [CS]
Este atributo ofrece información y asesoramiento sobre el elemento para el que se ha fijado.
A diferencia del TÍTULO elemento, el cual proporciona información acerca de un documento completo y sólo
puede aparecer una vez, el título de atributo puede anotar cualquier número de elementos. Por favor, consulte
a un elemento de la definición para comprobar que se apoya este atributo.
Los valores de los títulos atributo puede ser prestados por los agentes de usuario en una variedad de
maneras. Por ejemplo, los navegadores visuales con frecuencia mostrar el título como un "tool tip" (un mensaje
corto que aparece cuando el dispositivo apuntador se detiene sobre un objeto). Los agentes de usuario de audio
puede hablar la información del título en un contexto similar. Por ejemplo, establecer el atributo en un enlace
permite a los agentes de usuario (visuales y no visuales) para indicar a los usuarios acerca de la naturaleza del
recurso vinculado:
... Un poco de texto ...
Aquí hay una foto de
<A Href="http://someplace.com/neatstuff.gif" title="Me buceo diving">
me submarinismo el verano pasado
</ A>
... Algo más de texto ...
El título de atributo tiene un papel adicional cuando se utiliza con el LINK para designar un elemento de hoja
de estilos externa. Por favor, consulte la sección sobrevínculos y hojas de estilo para más detalles.
Nota. Para mejorar la calidad de síntesis de voz para los casos manejados adecuadamente por las técnicas
estándar, las versiones futuras de HTML pueden incluir un atributo para codificar información fonémica y
prosódica.
7.4.4 Meta datos
Nota. El W3C Resource Description Framework (ver [RDF10] ) se convirtió en una Recomendación del W3C en
febrero de 1999. RDF permite a los autores especificar metadatos legibles por máquina sobre documentos HTML
y otros recursos accesibles de la red.
HTML permite a los autores especificar metadatos - información sobre un documento más que el contenido del
documento - en una variedad de maneras.
Por ejemplo, para especificar el autor de un documento, uno puede usar la META elemento de la siguiente manera:
<META NAME="author" content="Dave Raggett">
La META elemento especifica una propiedad (en este caso "Author") y le asigna un valor a la misma (aquí "Dave
Raggett").
Esta especificación no define un conjunto de propiedades legales metadatos. El significado de una propiedad y el
conjunto de valores legales para que la propiedad debe ser definido en un diccionario de referencia
llamado perfil . Por ejemplo, un perfil diseñado para ayudar a los motores de búsqueda indexar documentos podría
definir propiedades tales como "autor", "copyright", "palabras claves", etc
Especificación de metadatos
En general, especificando los metadatos implica dos pasos:
1. Declarar una propiedad y un valor para esa propiedad. Esto puede hacerse de dos maneras:
1. Desde dentro de un documento, a través de la META elemento.
2. Desde fuera de un documento, al vincular a los datos a través de la meta LINK elemento (véase la sección
sobre los tipos de enlace ).
2. Refiriéndose a un perfil de dónde y sus consecuencias jurídicas valores definidos son la propiedad. Para designar
un perfil, utilice el perfil de atributos de laCABEZA elemento.
Tenga en cuenta que ya hay un perfil definido para el HEAD elemento, el mismo perfil se aplica a
todos META y LINK elementos en el encabezado del documento.
Los agentes de usuario no son necesarias para apoyar los mecanismos de metadatos. Para aquellos que opten
por el apoyo de metadatos, esta especificación no define cómo los datos meta debe ser interpretado.
El META elemento
<! ELEMENT META - O EMPTY - metainformación genérica ->
<! ATTLIST META
i18n%; - lang , dir , para su uso con el contenido -
http-equiv NAME # IMPLIED - nombre de encabezado de respuesta HTTP -
nombre NAME # IMPLIED - nombre de metainformación -
contenido CDATA # REQUIRED - información asociada -
régimen CDATA # IMPLIED - seleccionar forma de contenido -
>
Inicio tag:, Fin etiqueta obligatoria: prohibido
Para los siguientes atributos, los valores permitidos y su interpretación son de perfil dependiente:
nombre = nombre de [CS]
Este atributo identifica un nombre de propiedad. Esta especificación no enumera los valores legales para este
atributo.
contenido = cdata [CS]
Este atributo especifica el valor de una propiedad. Esta especificación no enumera los valores legales para este
atributo.
régimen = cdata [CS]
Este atributo de un esquema de nombres que se utilizarán para interpretar el valor de la propiedad (ver la sección
de perfiles para más detalles).
http-equiv = nombre [IC]
Este atributo se puede utilizar en lugar del atributo name. servidores HTTP utilizan este atributo para obtener
información para la respuesta encabezados de los mensajes HTTP.
La META elemento puede utilizarse para identificar propiedades de un documento (por ejemplo, autor, fecha de
caducidad, una lista de palabras clave, etc) y asignar valores a las propiedades. Esta especificación no define un
conjunto normativo de propiedades.
Cada META elemento especifica una pareja propiedad / valor. El atributo name identifica la propiedad y
el contenido de atributo especifica el valor de la propiedad.
Por ejemplo, la siguiente declaración establece un valor para la propiedad Author:
<META NAME="author" content="Dave Raggett">
El lang atributo se puede usar con META para especificar el idioma para el valor del contenido del atributo. Esto
permite a los sintetizadores de voz aplicar reglas de pronunciación dependientes del lenguaje.
En este ejemplo, el nombre del autor se declara en Francia:
<META NAME="author" lang="fr" content="Arnaud Le Hors">
Nota. El META elemento es un mecanismo genérico para la especificación de metadatos. Sin embargo, algunos
elementos y atributos HTML ya manejan ciertas piezas de metadatos y puede ser utilizadas por los autores en
lugar de META para especificar las piezas: el TÍTULO elemento, la DIRECCIÓN elemento, el INS y DELelementos,
el título de atributos, y la cita de atributos .
Nota. Cuando una propiedad especificada por una META elemento adquiere un valor que es un URI , algunos
autores prefieren especificar los metadatos a través del LINK elemento. Así, el meta siguientes datos de la
declaración:
<Nombre de META = "DC.identifier"
content = "http://www.ietf.org/rfc/rfc1866.txt">
también puede ser escrito:
rel <LINK = "DC.identifier"
type = "text / plain"
href = "http://www.ietf.org/rfc/rfc1866.txt">
META y encabezados HTTP
El http-equiv atributo se puede utilizar en lugar del atributo nombre y tiene un significado especial cuando los
documentos se recuperan a través del Protocolo de transferencia de hipertexto (HTTP). servidores HTTP puede
usar el nombre de la propiedad especificada por el http-equiv atributo a crear un [RFC822] estilo de
encabezado en la respuesta HTTP. Por favor, consulte la especificación de HTTP ( [RFC2616] ) para más detalles
sobre encabezados HTTP válidos.
En el ejemplo siguiente META declaración:
<META Http-equiv="Expires" content="Tue, 20 de agosto 1996 14:25:27 GMT">
dará lugar a la cabecera HTTP:
Vence: Tue, 20 de agosto 1996 14:25:27 GMT
Esto puede ser usado por los cachés para determinar cuándo debe buscar una nueva copia del documento
asociado.
Nota. Algunos agentes de apoyo a los usuarios el uso de META para refrescar la página actual después de un
número especificado de segundos, con la opción de sustituir por un URI diferente. Los autores no deben utilizar
esta técnica para que los usuarios vayan a diferentes páginas, ya que esto hace que la página inaccesible para
algunos usuarios. En cambio, el reenvío automático de página se debe hacer utilizando redirecciones del lado del
servidor.
META y motores de búsqueda
Un uso común de META es especificar palabras clave que un motor de búsqueda puede utilizar para mejorar la
calidad de los resultados de búsqueda. Cuando varios METAelementos proporcionan información sobre el idioma-
dependiente acerca de un documento, los motores de búsqueda puede filtrar por el lang atributo para mostrar los
resultados de búsqueda usando las preferencias de idioma del usuario. Por ejemplo,
<- Para los hablantes de EE.UU. Inglés ->
<Nombre de META = "palabras clave" lang = "es-es"
content = "vacaciones, Grecia, el sol">
<- Para los hablantes de Inglés Británico ->
<Nombre de META = "palabras clave" lang = "es"
content = "día de fiesta, Grecia, el sol">
<- Para los hablantes de francés ->
<Nombre de META = "palabras clave" lang = "fr"
content = "vacances, Grèce, soleil">
La eficacia de los motores de búsqueda también se puede aumentar mediante el LINK elemento para especificar
vínculos a traducciones del documento en otros idiomas, enlaces a las versiones del documento en otros medios
(por ejemplo, PDF), y, cuando el documento es parte de una colección, vínculos a un punto de partida adecuado
para navegar por la colección.
ayuda adicional se proporciona en la sección de ayudar a los motores de búsqueda índice de su sitio Web .
META y PICS
La Plataforma de Selección de Contenidos de Internet (PICS, especificada en [PICS] ) es una infraestructura para
asociar etiquetas (metadatos) con contenido de Internet. Originalmente diseñado para ayudar a los padres y
maestros control de lo que los niños pueden acceder en Internet, también facilita otros usos para las etiquetas,
incluyendo la firma de código, la privacidad y los derechos de propiedad intelectual de gestión.
Este ejemplo ilustra cómo se puede utilizar una META para incluir una declaración PICS 1,1 etiqueta:
<HEAD>
<META http-equiv = "PICS-Label" content = "
(PICS-1.1 "http://www.gcf.org/v2.5"
etiquetas de "1994.11.05T08 :15-0500"
hasta que aparezca "1995.12.31T23 :59-0000"
para "http://w3.org/PICS/Overview.html"
puntuaciones (0,5 espuma de densidad de color 0 / saturación 1))
'>
<TITLE> ... título del documento ... </ title>
</ HEAD>
META y la información predeterminada
La META elemento puede utilizarse para especificar la información predeterminada de un documento en los
siguientes casos:
 El lenguaje de scripts por defecto .
 El valor predeterminado de hojas de estilo del lenguaje .
 La codificación de caracteres del documento .
El ejemplo siguiente especifica los codificación de caracteres de un documento como la norma ISO-8859-5
<META Http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
Los metadatos perfiles
El perfil de atributos del HEAD especifica la ubicación de una meta datos del perfil. El valor del perfil
de atributo es un URI. Los agentes de usuario pueden utilizar este URI de dos maneras:
 Como un nombre único en el mundo. Los agentes de usuario puede ser capaz de reconocer el nombre (sin llegar
a recuperar el perfil) y realizar alguna actividad sobre la base de convenciones conocidas para ese perfil. Por
ejemplo, los motores de búsqueda podrían proporcionar una interfaz para buscar a través de catálogos de
documentos HTML, si estos documentos todos utilizan el mismo perfil para representar entradas de catálogo.
 Como un enlace. Los agentes de usuario puede eliminar la referencia al URI y realizar alguna actividad sobre la
base de las definiciones reales en el perfil (por ejemplo, autorizar el uso del perfil dentro del documento HTML
actual). Esta especificación no define los formatos de los perfiles.
Este ejemplo se refiere a un perfil hipotético que define propiedades útiles para la indexación de documentos. Las
propiedades definidas por este perfil - incluyendo "autor", "copyright", "palabras clave", y "fecha" - tienen sus
valores establecidos por ulteriores META declaraciones.
<head Profile="http://www.acme.com/profiles/core">
<TITLE> Cómo completar Memorando comprende las hojas y </ TITLE>
<META NAME="author" Doe"> content="John
<META Name="copyright" content="© 1997 Acme Corp.">
<META Name="keywords" content="corporate,guidelines,cataloging">
<META Name="date" content="1994-11-06T08:49:37+00:00">
</ HEAD>
En esta especificación se está escribiendo, es práctica común utilizar los formatos de fecha se describe
en [RFC2616] , sección 3.3. Como estos formatos son relativamente difíciles de procesar, recomendamos que los
autores utilizan la [ISO8601] formato de fecha. Para obtener más información, consulte las secciones sobre
el INS y DEL elementos.
El régimen permite a los autores atribuyen a proporcionar a los agentes de usuario más contexto para la
interpretación correcta de los metadatos. A veces, esta información adicional puede ser crítica, como cuando los
meta datos que se indique en diversos formatos. Por ejemplo, un autor podría especificar una fecha en el
ambiguo) formato ("10-9-97", ¿quiere esto decir 09 de octubre 1997 a 10 septiembre de 1997? El sistema
de valor del atributo "Mes-Día-Año" sería eliminar la ambigüedad de este valor de fecha.
En otras ocasiones, el régimen de atributo puede ofrecer ayuda, pero no crítico la información a los agentes de
usuario.
Por ejemplo, el siguiente régimen de declaración, que podrá ayudar a un agente de usuario a determinar que el
valor del identificador "" la propiedad es un número de código ISBN:
<META Scheme="ISBN" name="identifier" content="0-8230-2355-9">
Los valores para el régimen de atributos dependen del nombre de la propiedad y el correspondiente perfil .
Tenga en cuenta. Perfil de la muestra Uno es el Dublin Core (ver [DCORE] ). Este perfil define un conjunto de
propiedades recomendadas para descripciones bibliográficas electrónicas, y está destinado a favorecer la
interoperabilidad entre los modelos de descripción dispares.
7.5 El cuerpo del documento
7.5.1 El CUERPO elemento
<! ELEMENT CUERPO OO ( % block; | SCRIPT) + + (INS | DEL) - cuerpo del documento ->
<! ATTLIST CUERPO
attrs%; - coreattrs% , i18n% , eventos% -
onload % Script; # IMPLIED - el documento se ha cargado -
onUnload % Script; # IMPLIED - el documento se ha eliminado -
>
de fondo = uri [CT]
Desaprobado. El valor de este atributo es un URI que designa un recurso de imagen. La imagen en general, los
azulejos de fondo (para los navegadores visuales).
texto = color [IC]
Desaprobado. Este atributo establece el color de primer plano para el texto (para los navegadores visuales).
link = color [IC]
Desaprobado. Este atributo establece el color del texto de marcado de hipertexto los enlaces no visitados (para
los navegadores visuales).
vlink = color [IC]
Desaprobado. Este atributo establece el color del texto de los enlaces visitados marcado de hipertexto (para los
navegadores visuales).
alink = color [IC]
Desaprobado. Este atributo establece el color del texto marcado enlaces de hipertexto cuando son seleccionados
por el usuario (para los navegadores visuales).
 id , de clase ( de ancho identificadores de documento )
 título ( título del elemento )
 estilo ( estilo en línea de información )
 bgcolor ( color de fondo )
 onload , onUnload ( eventos intrínsecos )
 onClick , ondblclick , onmousedown , onmouseup , onmouseover , onmousemove , onmouseout , onkeyp
ress , onkeydown , onkeyup ( eventos intrínsecos )
El cuerpo de un documento contiene el contenido del documento. El contenido puede ser presentado por un
agente de usuario en una variedad de maneras. Por ejemplo, para los navegadores visuales, se puede pensar en
el cuerpo como un lienzo donde aparece el contenido: texto, imágenes, colores, gráficos, etc Para los agentes de
usuario de audio, el mismo contenido se puede hablar. Dado que las hojas de estilo son la manera preferida para
especificar la presentación de un documento, los atributos de presentación de CUERPO han sido desaprobados .
EJEMPLO OBSOLETO:
El siguiente fragmento de HTML muestra el uso de la obsoleta atributos. Establece el color de fondo del lienzo en
blanco, el color de primer plano del texto en negro y el color de los hipervínculos a rojo inicialmente, fucsia cuando
se activa, y granate visitó una vez.
<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / ES /"
"Http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
</ HEAD>
<BODY bgcolor = "blanco" text = "negro"
link = "rojo" alink = "fucsia" vlink = "marrón">
</ BODY>
</ HTML>
Uso de hojas de estilo , el mismo efecto podría lograrse de la siguiente manera:
<HTML>
<HEAD>
<STYLE Type="text/css">
BODY (background: blanco, color: negro)
A: link (color: red)
A: visited (color: marrón)
A: active (color: fucsia)
</ STYLE>
</ HEAD>
<BODY>
</ BODY>
</ HTML>
Uso externo (vinculados) de hojas de estilo le da la flexibilidad para cambiar la presentación sin necesidad de
revisar el documento fuente HTML:
<HTML>
<HEAD>
<LINK Rel="stylesheet" type="text/css" href="smartstyle.css">
</ HEAD>
<BODY>
</ BODY>
</ HTML>
Conjuntos de marcos y organismos HTML. Documentos que contienen conjuntos de marcos sustituir
el CUERPO elemento por el FRAMESET elemento. Por favor, consulte la sección sobre los marcos para obtener más
información.
7.5.2 Identificadores de elementos: los atributos id y clase
id = nombre de [CS]
Este atributo asigna un nombre a un elemento. Este nombre debe ser único en un documento.
clase = cdata-list [CS]
Este atributo asigna un nombre de clase o un conjunto de nombres de clase a un elemento. Cualquier número de
elementos se podrá asignar el mismo nombre de clase o nombres. varios nombres de clase deben estar
separados por espacios en blanco.
El identificador de atributo asigna un identificador único a un elemento (que puede ser verificado por un
analizador SGML). Por ejemplo, los siguientes párrafos se distinguen por su ID de valores:
<P Id="myparagraph"> Este es un párrafo con un nombre único. </ P>
<P Id="yourparagraph"> Este también es un párrafo con un nombre único. </ P>
El identificador de atributo tiene varios papeles en HTML:
 Como una hoja de estilos selector.
 Como objetivo de anclaje para los enlaces de hipertexto.
 Como medio para hacer referencia a un elemento particular de una secuencia de comandos .
 Como el nombre de una declarada OBJETO elemento.
 Para procesos generales por los agentes de usuario (por ejemplo, para identificar campos cuando se extraían los
datos de las páginas HTML en una base de datos, la traducción de documentos HTML en otros formatos, etc.)
La clase de atributo, por otra parte, asigna uno o más nombres de clase a un elemento, el elemento puede
decirse que pertenecen a estas clases. Un nombre de clase puede ser compartida por varias instancias
elemento. La clase de atributo tiene varios papeles en HTML:
 Como una hoja de estilos de selección (cuando un autor desea asignar información de estilo a un conjunto de
elementos).
 Para procesos generales por los agentes de usuario.
En el siguiente ejemplo , el SPAN elemento se utiliza en conjunción con el id y clase de atributos a los mensajes
de marcado de documentos. Los mensajes aparecen en Inglés y Francés versiones.
<! - Mensajes de Inglés ->
<P> <SPAN Id="msg1" class="info" lang="es"> Variable declaró dos veces </ SPAN>
<P> <SPAN Id="msg2" class="warning" lang="es"> declarado variable </ SPAN>
<P> <SPAN Id="msg3" class="error" lang="es"> mala sintaxis para la variable nombre>
</ SPAN
<! - Los mensajes en francés ->
<P> <SPAN Id="msg1" class="info" lang="fr"> variable deux fois déclarée </ SPAN>
<P> <SPAN Id="msg2" class="warning" lang="fr"> variable Indéfinie </ SPAN>
<P> <SPAN Id="msg3" class="error" lang="fr"> Erreur de syntaxe verter <variable /
SPAN>
Las siguientes reglas de estilo CSS diría a los agentes de usuario visuales para mostrar mensajes informativos en
verde, los mensajes de advertencia en amarillo, y mensajes de error en rojo:
SPAN.info (color: green)
SPAN.warning (color: amarillo)
SPAN.error (color: red)
Tenga en cuenta que los franceses "msg1" y el Inglés "msg1" no puede aparecer en el mismo documento, ya que
comparten el mismo ID de valor. Los autores pueden hacer un mayor uso de la ID de atribuir a perfeccionar la
presentación de los mensajes individuales, hacerlos anclas de destino, etc
Casi todos los elementos HTML se puede asignar identificador y la clase de información.
Supongamos, por ejemplo, que estamos escribiendo un documento sobre un lenguaje de programación. El
documento debe incluir una serie de ejemplos con formato previo. Usamos el PRE elemento para dar formato a los
ejemplos. Así mismo, asignamos un color de fondo (verde) a todas las instancias del PRE elemento que pertenece
a la clase "ejemplo".
<HEAD>
PRE.example (background: green)
</ STYLE>
</ HEAD>
<BODY>
<pre Class="example" id="example-1">
... Ejemplo de código aquí ...
</ PRE>
</ BODY>
Al establecer el identificador de atributo para este ejemplo, podemos (1) crear un hipervínculo a la misma y
(2) anular la información de estilo de clase con estilo información de la instancia.
Nota. El id acciones atribuyen el espacio mismo nombre que el atributo de nombre cuando se utiliza para el
ancla nombres. Por favor, consulte la sección sobre los anclajes con el ID para obtener más información.
7.5.3 -nivel y entre líneas los elementos de bloque
Ciertos elementos HTML que pueden aparecer en BODY se dice que "a nivel de bloque" , mientras que otros
están "en línea" (también conocido como nivel de "texto"). La distinción se basa en varios conceptos:
Contenido del modelo
En general, el nivel de los elementos de bloque pueden contener elementos en línea y de nivel de bloque otros
elementos. En general, los elementos en línea sólo puede contener datos y otros elementos en línea. Inherente a
esta distinción estructural está la idea de que los elementos de bloque crean "más grandes" estructuras de
elementos en línea.
Formato
De forma predeterminada, el nivel de los elementos de bloque tienen un formato diferente a los elementos en
línea. En general, el nivel de los elementos de bloque comienzan en las líneas nuevas, elementos de línea no lo
hacen. Para obtener información sobre el espacio en blanco, saltos de línea, y el bloque de formato, por favor
consulte la sección de texto .
Direccionalidad
Por motivos técnicos relacionados con la [UNICODE] algoritmo de texto bidireccional, a nivel de bloque y
elementos en línea difieren en la forma que heredan la información de dirección. Para obtener más información,
consulte la sección sobre la herencia de la dirección del texto .
Las hojas de estilo proporcionar los medios para especificar la representación de elementos arbitrarios, incluyendo
si un elemento se representa como bloque o en línea.En algunos casos, como un estilo en línea para los
elementos de la lista, esto puede ser apropiado, pero en términos generales, los autores no se animan a anular la
interpretación convencional de los elementos HTML de esta manera.
La alteración modismos presentación tradicional nivel bloque y elementos Inline repercute el algoritmo texto
bidireccional. Consulte la sección efecto hojas estilo en bidireccionalidad más información.
7.5.4 Agrupación de elementos: el DIV y SPAN elementos
<! ELEMENT DIV - - ( flujo% ) * - lenguaje genérico o un contenedor de estilo ->
<! ATTLIST DIV
>
<! ELEMENT SPAN - - ( % inline; ) * - lenguaje genérico o un contenedor de estilo ->
<! ATTLIST SPAN
>
 alinear ( alineación )
El DIV y SPAN elementos, junto con el id y clase de atributos, ofrecen un mecanismo genérico para añadir
estructura a los documentos. Estos elementos definen el contenido a ser en línea ( SPAN ) o de nivel de bloque
( DIV ), pero no imponer modismos de presentación acerca del contenido. Así, los autores pueden usar estos
elementos junto con hojas de estilo , el lang atributo, etc, a formato HTML adaptar a sus propias necesidades y
gustos.
Supongamos, por ejemplo, que quisiéramos generar un documento HTML basado en una base de datos de
información del cliente. Como HTML no incluye elementos que identifican objetos tales como "cliente", "número de
teléfono", "dirección de correo electrónico, etc, utilizamos DIV y SPAN para lograr la estructura y presenta los
efectos deseados. Podríamos utilizar la MESA elemento de la siguiente manera a la estructura de la información:
<! - Ejemplo de los datos de la base de datos de cliente: ->
<! - Nombre: Stephane Boyera, Tel: (212) 555-1212, Correo electrónico: sb@foo.org ->
<div Id="client-boyera" class="client">
<P> <SPAN Class="client-title"> información del cliente: </ SPAN>
class="client-data"> <TABLE
<TR> <TH> Apellido: <TD> Boyera </ TR>
<TR> <TH> Nombre: <TD> Stéphane </ TR>
<TR> <TH> Tel: <TD> (212) 555-1212 </ TR>
<TR> <TH> Email: <TD> sb@foo.org </ TR>
</ TABLE>
</ DIV>
<div Id="client-lafon" class="client">

<P> <SPAN Class="client-title"> información del cliente: </ SPAN>
class="client-data"> <TABLE
<TR> <TH> Apellido: <TD> Lafon </ TR>
<TR> <TH> Nombre: Yves <TD> </ TR>
<TR> <TH> Tel: <TD> (617) 555-1212 </ TR>
<TR> <TH> Email: <TD> yves@coucou.com </ TR>
</ TABLE>
</ DIV>
Más tarde, podemos fácilmente agregar hoja de declaraciones de estilo para ajustar la presentación de estas
entradas de base de datos.
Para otro ejemplo de uso, por favor consulte el ejemplo en la sección sobre la clase y atributos id .
Los agentes de usuario visuales suelen colocar un salto de línea antes y después de DIV elementos, por ejemplo:
<P> Aaaaaaaaa <bbbbbbbbb <DIV> / div> ccccc <P> ccccc </ DIV>
que suele traducirse así:
aaaaaaaaa
bbbbbbbbb
ccccc
ccccc
7.5.5 Títulos: El H1 , H2 , H3 , H4 , H5 , H6 elementos
<!% ENTIDAD epígrafe " H1 | H2 | H3 | H4 | H5 | H6 ">
<! -
Hay seis niveles de títulos de H1 (el más importante)
a H6 (el menos importante).
->
<! ELEMENT ( rúbrica%; ) - - ( % inline; ) * - título ->

<! ATTLIST ( % la partida; )
>
 alinear ( alineación )
Un elemento partida se describe brevemente el tema de la sección que introduce. Rúbrica información puede ser
utilizada por los agentes de usuario, por ejemplo, para construir una tabla de contenido de un documento
automáticamente.
Hay seis niveles de encabezados en HTML con H1 como el más importante y H6 como mínimo. Los navegadores
visuales suelen representar importantes partidas más importantes fuentes más grandes que los menos.
El siguiente ejemplo muestra cómo utilizar la DIV para asociar un elemento de la partida con la sección del
documento que le sigue. Si lo hace, le permite definir un estilo para la sección (color de fondo, establecer la
fuente, etc) con hojas de estilo.
<div Class="section" id="forest-elephants">
<H1> Los elefantes del bosque </ H1>
<P> En esta sección, discutimos los elefantes menos conocido de los bosques.
... ¡Esta sección continúa ...
<div Class="subsection" id="forest-habitat">
<H2> Hábitat </ H2>
<P> Los elefantes del bosque no viven en los árboles, sino entre ellos.
... Este apartado sigue ...
</ DIV>
</ DIV>
Esta estructura puede ser decorado con la información de estilo, tales como:
<HEAD>
DIV.section (text-align: alcance; font-size: 12pt)
DIV.subsection (text-indent: 2em)
H1 (font-style: italic; color: green)
H2 (color: green)
</ STYLE>
</ HEAD>
secciones numeradas y referencias
HTML no es causa de los números de sección que se generen a partir de líneas. Esta facilidad puede ser ofrecido
por los agentes de usuario, sin embargo. Pronto, la hoja de estilo de idiomas tales como CSS permitiría a los
autores para controlar la generación de los números de sección (muy útil para las referencias presentadas en
documentos impresos, como en "Ver la sección 7.2").
Algunas personas consideran que saltarse niveles de título a una mala práctica. Aceptan H1 H2 H1, mientras
que no aceptan H1 H3 H1 ya que el nivel de partida deH2 se omite.
7.5.6 La DIRECCIÓN elemento
<! Elemento de dirección - - ( % inline; ) * - información sobre el autor ->
<! ATTLIST DIRECCIÓN
>
La DIRECCIÓN elemento puede ser utilizado por los autores para proporcionar información de contacto de un
documento o una parte importante de un documento como un formulario. Este elemento suele aparecer al principio
o al final de un documento.
Por ejemplo, una página en el sitio Web del W3C relacionadas con HTML podría incluir la siguiente información de
contacto:
<ADDRESS>
<A Href="../People/Raggett/"> Dave Raggett </ A>,
<A Arnaud Le Hors href="../People/Arnaud/"> </ A>,
personas de contacto de los <A href="Activity"> W3C HTML Actividad </ A> <BR>
Date $: 1999/12/24 23:37:50 $
</> DIRECCIÓN

Cap 7

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cap 7

Uploaded by

Copyright:

Available Formats

7.

1 Introducción a la estructura de un documento HTML

<! ELEMENT HTML OO ( html.content%; ) - elemento raíz del documento ->

<! ELEMENT CABEZA OO ( head.content% ) + ( head.misc%; ) - encabezado del documento

<div Id="client-lafon" class="client">

<! ELEMENT ( rúbrica%; ) - - ( % inline; ) * - título ->

You might also like