Cada nueva versión fue diseñado para ser una mejora en el último (con nuevos elementos y atributos

agregados y mayores código eliminado). También ha habido varias versiones de cada navegador
utilizado para ver páginas web, cada uno de ellos implementa nuevo código. No todos los usuarios de la
web, sin embargo, tienen los últimos navegadores instalados en sus equipos, lo que significa que no
todo el mundo será capaz de ver todas las últimas características y marcado. Donde debe ser
particularmente consciente de no apoyar a ciertas características de los navegadores, he tomado nota
de esto (como se ha visto con algunos de los elementos de HTML5 presentados en el capítulo de las
formas, y como se verá en los capítulos CSS).

Con la excepción de algunos elementos en HTML5 (que se han destacado), los elementos que ha visto
en este libro fueron disponibles en HTML 4. Aunque HTML 4 tenía algunos elementos de presentación
para controlar el aspecto de las páginas, autores recomiendan no usarlos más. (Los ejemplos incluyen
la<center>elemento para centrar el contenido de una página, <font>para controlar la apariencia del
texto, y <strike>para poner una línea a través del texto, todo esto se logra con CSS en su lugar.)</strike>
</font></center>

xhtMl 1.0 lanzado 2000 cada nueva versión fue diseñado para ser una mejora en el último (con nuevos
elementos y atributos agregados y mayores código eliminado). También ha habido varias versiones de
cada navegador utilizado para ver páginas web, cada uno de ellos implementa nuevo código. No todos
los usuarios de la web, sin embargo, tienen los últimos navegadores instalados en sus equipos, lo que
significa que no todo el mundo será capaz de ver todas las últimas características y marcado. Donde
debe ser particularmente consciente de no apoyar a ciertas características de los navegadores, he
tomado nota de esto (como se ha visto con algunos de los elementos de HTML5 presentados en el
capítulo de las formas, y como se verá en los capítulos CSS). Con la excepción de algunos elementos en
HTML5 (que se han destacado), los elementos que ha visto en este libro fueron disponibles en HTML 4.
Aunque HTML 4 tenía algunos elementos de presentación para controlar el aspecto de las páginas,
autores recomiendan no usarlos más. (Los ejemplos incluyen la < ciento...

Una de las ventajas clave de este cambio fue que XHTML funciona a la perfección con otros programas
que se escriben para crear y procesar documentos XML. También podría ser utilizado con otros
formatos de datos como gráficos vectoriales escalables (SVG), un lenguaje gráfico escrito en XML,
MathML (utilizado para marcar fórmulas matemáticas) y LMC (utilizado para marcar fórmulas químicas).
Para ayudar a autores de la página web hacia esta nueva sintaxis, se crearon dos sabores principales de
XHTML 1.0: Strict XHTML 1.0, donde autores debían seguir las normas de la carta Transitional XHTML
1.0, donde autores podrían todavía utilizar presentación elementos (tales como<center>y
<font>).</font></center>

La versión transitional XHTML fue creada porque permitió a autores a seguir seguir prácticas mayores
(con una sintaxis menos estricta) y utilizar algunos de los elementos y atributos que iban a ser eliminado
de versiones futuras de HTML. También hubo una tercera versión de XHTML 1.0 llamado XHTML
Frameset, que permitió a autores de la página web dividir una ventana del navegador en varios
"Marcos", cada uno de ellos tiene una página HTML diferente. Estos días, se utilizan muy raramente y
están siendo eliminados.
En HTML5, autores de la página web no es necesario cerrar todas las etiquetas, y se introducirán nuevos
elementos y atributos. En el momento de la escritura, la especificación de HTML5 no había concluida,
pero los fabricantes de navegadores principales habían comenzado a implementar muchas de las nuevas
características y autores de la página web fueron rápidamente adoptar la nueva marca de. A pesar de
que HTML5 aún no se ha completado, usted puede con seguridad aprovechando las nuevas
características de la lengua como usted esforzarse por garantizar que los usuarios con navegadores
antiguos podrán ver tus páginas (aunque algunas de las características adicionales no será visible t o
ellos).

Porque ha habido varias versiones de HTML, cada página web debe comenzar con una declaración
DOCTYPE a un navegador qué versión de HTML que es utilizando la página (aunque los navegadores
suelen mostrar la página incluso si no está incluido). Nosotros por lo tanto incluirá uno en cada ejemplo
para el resto del libro. Como se verá cuando lleguemos a ver CSS y su modelo de caja en la página 316,
el uso de un tipo de documento puede también ayudar el navegador para representar correctamente
una página. Porque XHTML fue escrito en XML, usted verá a veces las páginas que usan el principio
DOCTYPE strict XHTML con la declaración XML opcional. Donde se utiliza, debe ser lo primero en un
documento. Debe haber nada antes de él, ni un espacio.

HTML5 HTML
<!DOCTYPE html>

HTML 4

<!DOCTYPE html PUBLIC

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

Transitional XHTML 1.0

<!DOCTYPE html PUBLIC

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

Strict XHTML 1.0

<!DOCTYPE html PUBLIC

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

XML Declaration

<?xml version="1.0" ?>

Si quieres añadir un comentario al código que no será visible en el navegador del usuario, puede Agregar
el texto entre estos personajes: <!--comentario va aquí--> es una buena idea para añadir comentarios a
su código, porque, no importa cómo familiares con la página en el t IME de la escritura, cuando vuelva a
él más tarde (o si alguien tiene que mirar el código), comenta hará mucho más fácil de entender.
Aunque los comentarios no son visibles para los usuarios en la ventana principal del navegador, pueden
ser vistos por cualquier persona que mira el código detrás de la página.

En una página de largo a menudo verás comentarios utilizados para indicar donde las secciones de la
página inicial o final y pasar notas para ayudar a cualquier persona que está buscando en el código de
entienden. Comentarios también pueden utilizarse en bloques de código para detener ese código se
muestre en el navegador. En el ejemplo de la izquierda, el enlace de correo electrónico ha sido
comentado

HTML chapter-08/comments-in-html.html

<!-- start of introduction -->

<h1>Current Exhibitions</h1>
<h2>Olafur Eliasson</h2>
<!-- end of introduction -->
<!-- start of main text -->
<p>Olafur Eliasson was born in Copenhagen, Denmark
in 1967 to Icelandic parents.</p>
<p>He is known for sculptures and large-scale
installation art employing elemental materials
such as light, water, and air temperature to
enhance the viewer's experience.</p>
<!-- end of main text -->
<!--
<a href="mailto:info@example.org">Contact</a>
-->

Re Su LT
id attributE

Cada elemento HTML puede llevar el atributo id. Se utiliza para identificar ese elemento de otros
elementos en la página. Su valor debe comenzar con una letra o un guión bajo (no un número o
cualquier otro caracter). Es importante que no hay dos elementos en la misma página tienen el mismo
valor para los atributos de id (de lo contrario el valor no es único). Como se verá cuando venga a buscar
en CSS en la sección siguiente, dando un elemento de una identidad única le permite estilo
diferentemente que cualquier otra instancia del mismo elemento en la página. Por ejemplo, puede
asignar a un párrafo dentro de la página (tal vez un párrafo que contiene una cita de tirar) un estilo
diferente que todos los otros párrafos. En el ejemplo de la derecha, el párrafo con el atributo id cuyo
valor es pullquote mayúsculas usando CSS.

Si vas a aprender acerca de JavaScript (un lenguaje que permite agregar interactividad a las páginas),
identificación de atributos pueden usarse para permitir la secuencia de comandos trabajar con ese
elemento en particular. El atributo id es conocido como un atributo global porque puede ser utilizado
en cualquier elemento.

X DOCTYPES Dile a los navegadores qué versión de HTML está utilizando. X puede añadir comentarios a
su código entre la <!-- and --> marcadores. X el id y la clase de atributos que permiten identificar
elementos específicos. X el<div>y <span>elementos le permiten a grupo de nivel de bloque y elementos
en línea juntos. X <iframes>corte windows en sus páginas web a través del cual se pueden mostrar otras
páginas.</iframes> </span></div>

X windows corte <iframes>en sus páginas web a través del cual se pueden mostrar otras páginas. X el
<meta> etiqueta le permite suministrar todo tipo de información sobre su página web. X caracteres de
Escape se utilizan para incluir caracteres especiales en sus páginas tales como <,>, y ©.</,> </iframes> X
windows corte <iframes>en sus páginas web a través del cual se pueden mostrar otras páginas. X el
<meta> etiqueta le permite suministrar todo tipo de información sobre su página web. X caracteres de
Escape se utilizan para incluir caracteres especiales en sus páginas tales como <,>, y ©.</,> </iframes>