XHTML - Sintaxis

Anuncios

Sintaxis XHTML es muy similar al HTML sintaxis y casi todos los elementos HTML en XHTML válido. Pero cuando se escribe un documento XHTML tienes que pagar un poco más de atención para hacer que su documento HTML a XHTML compatible con

Aquí están los puntos importantes para recordar cuando escribir un nuevo documento XHTML o convertir los documento HTML a XHTML documento:

Se necesita para escribir una declaración DOCTYPE en el inicio del documento XHTML.
Usted debe escribir todas las etiquetas y atributos XHTML sólo en minúsculas.
Tiene que cerrar todas las etiquetas XHTML correctamente.
Debe consignar todos los valores de atributo.
Atributo minimización está prohibido.
El id atributo sustituye el atributo name.
El idioma atributo de la etiqueta script está en desuso.
Usted necesidad de anidar todas las etiquetas correctamente.

Aquí está la explicación detallada de las anteriores normas XHTML:

Declaración DOCTYPE

Todos los documentos XHTML deben tener una declaración DOCTYPE al principio. Hay tres tipos de DOCTYPE declaraciones, que se describen detalladamente en XHTML Doctypes capítulo. Este es un ejemplo de uso DOCTYPE:

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

Mayúsculas y minúsculas

XHTML es sensible a mayúsculas y minúsculas lenguaje de marcado. Todas las etiquetas y atributos XHTML deben estar escritas sólo en minúsculas.

<!-- 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, href and anchor tag a tienen caracteres que no están en minúsculas, por lo que es incorrecto.

Las etiquetas de cierre

Cada XHTML etiqueta deberá tener una etiqueta de cierre equivalente, incluso elementos vacíos también deben tener las etiquetas de cierre. Aquí se muestra un ejemplo válido y no válido 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 válido. 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" />

Minimización Atributo

XHTML no permite atribuir al mínimo. Esto significa que usted tiene que declarar explícitamente 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 están autorizados a cualquier otro elemento dentro de ellos. Esta prohibición se aplica a todas las profundidades de la anidación, es decir, incluye todos los elementos descendientes.

Elemento	Prohibición
<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>.

Mínimo UN documento XHTML

Ejemplo siguiente se muestra un contenido mínimo de un documento XHTML 1.0.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://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>

Página Anterior

Imprimir

Página Siguiente