Foros del Web - Ver Mensaje Individual

ferwall · #66 (**permalink**) 17/05/2010, 22:19

Esto es mas para los novatos, para que sepa cual es puntualmente la diferencia entre html y xhtml, mas allá de las diferencias siempre expuestas, que mas que diferencias son ventajas como por ej, que el xhtml es mas fácil y rápido de indexzar para los robots de los buscadores, que las paginas xhtml cargan mas rápido, que se visualizan mejor en todos los navegadores, etc.

* Todas las etiquetas (tags) deberán ir escritas en minúsculas.
<BODY>
<P>Mal usado</P>
</BODY>
<body>
<p>Bien usado</p>
</body>

* Todos los valores de atributos entrecomillados.
<div id=contenido></div> mal usado
<div id="contenido"></div> bien usado

* Los valores minimizados están prohibidos.
<input type="checkbox" name="test" value="si" checked/>
<input type="checkbox" name="test" value="si" checked="checked">

* Todas las etiquetas correctamente anidadas.
<div><ul><li>texto</div></ul></li> Mal usado
<div><ul><li>texto</li></ul></div> Bien usado

<html><body><p>Bien usado</p></body></html>

* Todas las etiquetas deben ir cerradas.
<html>
<body>
<h1>Estudio contable
<h2> Gonzales S.A
<p> este es un estudio muy bonito.
</body>
</html>

<html>
<body>
<h1> Estudio contable</h1>
<h2> Gonzales S.A </h2>
<p> este es un estudio muy bonito. </p>
</body>
</html>

O las etiquetas omitag:
<link rel="stylesheet" type="text/css" href="estilos.css" />
<br />
<img src="patito.jpg" />

* Es necesaria la declaración de tipo de documento.
<!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/1999/xhtml">

* Una pagina XHTML no debe tener cambio de fuentes, ni de colores, ni nada relacionado con el diseño, solo el contenido. Para el diseño usamos las CSS.

PD: bueno básicamente eso es lo que arme de algunas paginas que vi en internet y modifique algunos ejemplos para que se entienda mejor, si no sirve bórrenlo no hay rencores jaja.