Sintaxis XHTML


Anuncios


Sintaxis XHTML es muy similar al HTML sintaxis y casi todos los elementos HTML en XHTML vlido. Pero cuando se escribe un documento XHTML tienes que pagar un poco ms de atencin para hacer que su documento HTML a XHTML compatible con

Aqu estn los puntos importantes para recordar cuando escribir un nuevo documento XHTML o convertir los documento HTML a XHTML documento:

  • Se necesita para escribir una declaracin DOCTYPE en el inicio del documento XHTML.

  • Usted debe escribir todas las etiquetas y atributos XHTML slo en minsculas.

  • Tiene que cerrar todas las etiquetas XHTML correctamente.

  • Debe consignar todos los valores de atributo.

  • Atributo minimizacin est prohibido.

  • Elid atributo sustituye el atributo name.

  • Elidioma atributo de la etiqueta script est en desuso.

  • Usted necesidad de anidar todas las etiquetas correctamente.

Aqu est la explicacin detallada de las anteriores normas XHTML:

Declaracin DOCTYPE

Todos los documentos XHTML deben tener una declaracin DOCTYPE al principio. Hay tres tipos de DOCTYPE declaraciones, que se describen detalladamente en XHTML Doctypescaptulo. Este es un ejemplo de uso DOCTYPE:

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

Maysculas y minsculas

XHTML es sensible a maysculas y minsculas lenguaje de marcado. Todas las etiquetas y atributos XHTML deben estar escritas slo en minsculas.

<!-- This is invalid in XHTML -->
<A Href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>

<!-- Correct XHTML way of writing this is as follows -->
<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>

En el ejemplo, Hrefand anchor tagA tienen caracteres que no estn en minsculas, por lo que es incorrecto.

Las etiquetas de cierre

Cada XHTML etiqueta deber tener una etiqueta de cierre equivalente, incluso elementos vacos tambin deben tener las etiquetas de cierre. Aqu se muestra un ejemplo vlido y no vlido formas de utilizar las etiquetas:

<!-- This is invalid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.

<!-- This is also invalid in XHTML -->
<img src="/images/xhtml.gif" >

Aqu est la manera correcta de escribir por encima de las etiquetas XHTML Diferencia es que aqu hemos cerrado las etiquetas correctamente.

<!-- This is valid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.</p>

<!-- This is also valid now -->
<img src="/images/xhtml.gif" />

Comillas de Atributo

Todos los valores de atributos XHTML deben ser citados. De lo contrario, el documento XHTML es asumido como el documento no es vlido. Aqu est el ejemplo de sintaxis:

<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" width=250 height=50 />
<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" width="250" height="50" />

Minimizacin Atributo

XHTML no permite atribuir al mnimo. Esto significa que usted tiene que declarar explcitamente el atributo y su valor. El siguiente ejemplo se muestra la diferencia:

<!-- This is invalid in XHTML -->
<option selected>

<!-- Correct XHTML way of writing this is as follows -->
<option selected="selected">

Aqu est una lista de los atributos en HTML y la forma en que se necesita para escribir en XHTML:

HTML Style XHTML Style
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

The id attribute

Elid atributo sustituye elname atributo. En lugar de utilizar name="nombre", XHTML prefiere utilizar id="id". El siguiente ejemplo muestra esta diferencia:

<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" name="xhtml_logo" />

<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" id="xhtml_logo" />

El atributo de idioma

Elidioma atributo de la etiqueta script est en desuso. El siguiente ejemplo muestra esta diferencia:

<!-- This is invalid in XHTML -->
<script language="JavaScript" type="text/JavaScript">
  document.write("Hello XHTML!");
</script>

<!-- Correct XHTML way of writing this is as follows -->
<script type="text/JavaScript">
  document.write("Hello XHTML!");
</script>

Las etiquetas anidadas

Todas las etiquetas XHTML deben estar anidados correctamente, de lo contrario el documento va a ser asumida como una incorrecta documento XHTML. El siguiente ejemplo muestra la sintaxis:

<!-- This is invalid in XHTML -->
<b><i> This text is bold and italic</b></i>

<!-- Correct XHTML way of writing this is as follows -->
<b><i> This text is bold and italic</i></b>

Elemento prohibiciones

Los siguientes elementos no estn autorizados a cualquier otro elemento dentro de ellos. Esta prohibicin se aplica a todas las profundidades de la anidacin, es decir, incluye todos los elementos descendientes.

Elemento Prohibicin
<A> No puede contener otros elementos <a>.
<PRE> No debe contener el <img>, <object>, <big>, <small>, <sub> o <sup> elementos.
<Button> No debe contener el <input>, <select>, <textarea>, <etiqueta>, <button> <form>, <fieldset>, <iframe> o <isindex> elementos.
<Etiqueta> No puede contener otros elementos <etiqueta>.
<FORM> No puede contener otros elementos <form>.

Mnimo UN documento XHTML

Ejemplo siguiente se muestra un contenido mnimo de un documento XHTML 1.0.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1" xml:lang="en" lang="en">
	
   <head>
      <title>Every document must have a title</title>
   </head>

   <body>
   ...your content goes here...
   </body>
</html>