XHTML 1.0 Strict

XHTML (Del ingles eXtended HiperText Markup Language) es la verión extendida del HTML, creada en paralelo a la versión 4.1 de este último.

Su versión "Estricta" excluye todos los formatos visuales, delegandolos enteramente al CSS, haciendo de esta forma que el servidor envie la información y el diseño por aparte, lo que da mayor velocidad en la carga de la página y una mejor indexación de la información.

Si aun no estás familiarizado con los lenguajes de marcado de etiquetas, es posible que esta breve introducción (archivo pdf, 220.6Kb) sea de ayuda para ti.

Aprender a usar XHTML no es nada complicado, se resume tan solo al uso correcto de 83 etiquetas y sus atributos. La dificultad de la creación de páginas web radica en la combinación de XHTML+CSS a modo que se muestre en pantalla tal como lo deseamos nosotros. A continuación nombramos las etiquetas que conforman el XHTML:

Las etiquetas XHTML

Documento

<!DOCTYPE>

Document Type: Aunque !DOCTYPE no es una etiqueta de html, es importante su mención. Siempre debe estar escrito en la primer línea de nuestro documento, para indicar de que tipo de documento se trata. El tipo de documento más recomendado actualmente es el XHTML Strict, que puede ser declarado con la siguiente línea:

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

<html>

HTML: Es la etiqueta raiz, indicando que el documento contenido es de tipo HTML. Se recomienda el uso de los atributos xmlns y xml:lang.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"> </html>

<head>

Head: Indica la cabecera del documento. En esta, se pone la información del documento que no será vista por el usuario.

<title>

Title: Indica el título del documento; debe ir dentro de la cabecera. Es comúnmente visualizado en la barra de título del navegador en uso.

<body>

Body: Indica el cuerpo del documento. en este, se pone el contenido del documento que será visto por el usuario.

Comment: No es presisamente una etiqueta de tipo documento. Es simplemente una etiqueta sin clasificación, con la cual se pueden insertar comentarios en el archivo. Todo el contenido dentro de esta no será visualizado.

Meta Información

<base />: Base
<link />: Link
<meta />: Meta Information: Requiere del atributo content.

Hoja de Estilo

<style>: Style

Estructural

<h1> ~ <h6>: Headers
<p>: Paragraph
<blockquote>: Blockquote
<pre>: Preformated
<address>: Address
<div>: Divisor
<iframe>: Inline Frame

Texto

<em>: Emphasized
<strong>: Strong Emphasized
<sub>: Subscript
<sup>: Superscript
<cite>: Cite
<q>: Quote
<abbr>: Abbreviation
<acronym>: Acronym
<dfn>: Definition Term
<del> & <ins>: Deletion & Insertion
<bdo>: Bi-directional Override: Requiere del atributo dir.
<var>: Variable
<code>: Code
<kbd>: Keyboard
<samp>: Sample Computer Code
<br />: Break
<span>: Span

Hypertexto

<a>: Anchor

Lista

<dl>: Definition List
<dt>: Definition Term
<dd>: Definition Data
<ol>: Ordered List
<ul>: Unordered List
<li>: List

Objetos e Imagenes

<object>: Object
<param />: Parameter
<img />: Image: Requiere de los atributos src y alt.
<map>: Map
<area />: Area

Tablas

<table>: Table
<caption>: Caption
<col>: Columns
<colgroup>: Columns Group
<thead>: Table Head
<tfoot>: Table Foot
<tbody>: Table Body
<tr>: Table Row
<th>: Table Header Cell
<td>: Table Data Cell

Formas

<form>: Form
<input />: Input
<textarea>: Text Area
<select>: Select
<option>: Option
<optgroup>: Option Group
<button />: Button
<label>: Label
<fieldset>: Field Set
<legend>: Legend

Scripts

<script>: Script
<noscript>: No Script

Formateado

<b>: Bold
<i>: Italic
<tt>: Teletype
<big>: Big
<small>: Small
<hr />: Horizontal Rule