Diseñarrollador: xhtml

Viendo el excelente sitio A List Apart me entero de esto que a más de uno le causará alegría:
ya existe una vista preliminar de HTML 5.0

HTML 5 introduce e incrementa un amplio rango de nuevas características incluyendo controles de formulario, APIs, multimedia, estructura, y semántica.

El trabajo en la especificación comenzó en 2004 y aún queda mucho camino por recorrer, pero, ya se ven ciertas cosas que prometen, aunque, cabe aclarar que como aún dista por terminarse dicha especificación, las cosas que se mencionan en este artículo bien podrían cambiar a futuro.

Estructura

Todos hemos padecido los problemas en cuanto a crear estructuras en nuestras páginas, teniendo que muchas veces recurrir a los famosos <div>.

Muchas veces nuestras páginas terminan teniendo una cantidad considerable de "divs" con los atributos "class" para dar estilo (y por qué no, intentar describir un poco más que es a lo que se refieren).

He aquí un ejemplo del artículo en ALA:

Lo que se está manejando en HTML 5.0:

Ejemplo de código HTML 5.0 para dar estructura a una página

¡Qué bueno poder irse despidiendo de tanto div y tener un código que describa semánticamente cada una de esas secciones! :)

Video and Audio

HTML 5.0 proveerá más facilidad a la hora de colocar nuestros archivos multimedia en nuestras páginas.

Para ello se viene manejando la posibilidad de embeber video de la siguiente manera:


 <video src="video.ogv" controls="" poster="poster.jpg" width="320" height="240">
  <a href="http://www.blogger.com/video.ogv">Download movie</a>
</video>

y audio de esta forma:


 <audio src="music.oga" controls="">
  <a href="http://www.blogger.com/music.oga">Download song</a>
 </audio>

Bastante sencillo ¿no?

La idea es que el browser brinde una GUI que permita controlar el contenido.

Para profundizar más acerca de video y audio en HTML 5.0, puedes ver el bosquejo de la especificación de HTML 5.0 para audio y video.

Bueno, nada nuevo por aquí pero siempre sirve tener a mano una referencia con todas las etiquetas soportadas por XHTML:

http://www.w3schools.com/tags/default.asp

: Define un comentario en el documento
<!DOCTYPE>: Define el tipo de documento
<a>: Define un ancla (hiperv&ícute;nculo)
<acronym>: Define un acrónimo en el documento
<address>: Define una dirección en el documento
<area>: Define un área dentro de un mapa de imagen del documento
<applet>: Deprecado. Define an applet
<area>: Define un área dentro de un mapa de imagen
<b>: Define texto en negrita
<base>: Define una URL base para todos los links en una página
<basefont>: Deprecado. Define una fuente base
<bdo>: Define la dirección del texto a mostrar
<big>: Define un texto grande
<blockquote>: Define una cita extensa
<body>: Define el elemento body (cuerpo) del documento
<br>: Inserta un solo salto de línea
<button>: Define un botón pulsable
<caption>: Define título para una tabla
<center>: Deprecado. Define texto centrado
<cite>: Define una cita
<code>: Define texto de código de computadora
<col>: Define atributos para columnas de tablas
<colgroup>: Define grupos de columnas de una tabla
<dd>: Define una descripción de definición
<del>: Define texto borrado
<dir>: Deprecado. Define una lista de directorio
<div>: Define una división/sección en un documento
<dfn>: Define un término de definición
<dl>: Define una lista de definición
<dt>: Define un término de definición
<em>: Define texto acentuado
<fieldset>: Define un fieldset (caja que agrupa elementos de un formulario)
<font>: Deprecado. Define fuente, tamaño y color para un texto
<form>: Define un formulario
<frame>: Define una sub ventana (un marco)
<frameset>: Define un conjunto de marcos
<h1> to <h6>: Define encabezados del 1 al 6 para el documento
<head>: Define información acerca del documento
<hr>: Define una línea horizontal
<html>: Define un documento html
<i>: Define texto en itálica
<iframe>: Define una sub ventana dentro de la actual (es un marco)
<img>: Define una imagen
<input>: Define un campo de ingreso (utilizado en formularios)
<ins>: Define texto insertado
<isindex>: Deprecado. Define un campo de una sola línea
<kbd>: Define texto de teclado
<label>: Define una etiqueta para un controle de formulario
<legend>: Define un título para un fieldset
<li>: Define un elemento de una lista
<link>: Define una referencia a un recurso
<map>: Define un mapa de imagen
<menu>: Deprecado. Define un menu
<meta>: Define meta información
<noframes>: Define una sección noframe
<noscript>: Define una sección noscript
<object>: Define un objeto embebido
<ol>: Define una lista ordenada
<optgroup>: Define un grupo de options
<option>: Define una opción en una lista de opciones (combo)
<p>: Define un párrafo
<param>: Define un parámetro para un objeto
<pre>: Define texto pre-formateado
<q>: Define una pequeña cita
<s>: Deprecado. Define texto tachado
<samp>: Define código de computadora de ejemplo
<script>: Define un script
<select>: Define una lista seleccionable
<small>: Define texto pequeño
<span>: Define una sección en un documento
<strike>: Deprecado. Define texto tachado
<strong>: Define texto fuerte strong (con mayor énfasis)
<style>: Define una definición bloque style (utilizado para declarar una css embebida en el documento)
<sub>: Define texto en subescript
<sup>: Define text en superscript
<table>: Define una tabla
<tbody>: Define el cuerpo de una tabla
<td>: Define una celda de una tabla
<textarea>: Define un área de texto
<tfoot>: Define el pie de una tabla
<th>: Define el encabezado de una tabla
<thead>: Define el encabezado de una tabla
<title>: Define el título de un documento
<tr>: Define una fila de una tabla
<tt>: Define texto de teletipo
<u>: Deprecado. Define texto subrayado
<ul>: Define una lista desordenada
<var>: Define una variable
<xmp>: Deprecado. Define texto preformateado

Diseñarrollador

viernes 7 de diciembre de 2007

Vista previa de HTML 5.0

Estructura

Video and Audio

domingo 18 de noviembre de 2007

Lista de tags soportados por XHTML

Datos personales

Archivo del blog

Etiquetas