Posts semanticos

De Plugins aNieto2k, la enciclopedia libre.

Introducción

La web semántica es el futuro de Internet y por ello tenemos que empezar a tenerlo claro y planificar una forma de escribir nuestros posts de forma más o menos estandard. Asi que esto pretende ser una pequeña guia de como escribir "bien" posts, usando los tags adecuadamente.

¿Como escribir correctamente?

El mayor problema es el uso del editor WYSIWYG integrado en Wordpress, esto limita a un código generado automáticamente que no podremos controlar. Por ese motivo es necesario escribir nuestros posts a la vieja usanza viendo el código. Así además nos será más fácil generar un código semánticamente correcto.

Tags y para que sirven

strong

Sirve para indicar mucho énfasis en una palabra o párrafo del texto. De esta manera destacamos la importancia de esta palabra o párrafo dentro del texto.

Palabra <strong>importante</strong>en el texto.

em

Sirve para indicar un énfasis superior al resto del texto pero inferior a strong.

Palabra <strong>importante</strong> en el <em>texto</em>

code

Lo utilizamos para mostrar un código de cualquier lenguaje. Indicaremos con ella que estamos hablando de un código.

<code><?php echo "Palabra <strong>importante</strong> en el <em>texto</em>"; ?></code>

kbd

Se utiliza para marcar que el texto es una acción que debe ejecutar el usuario, generalmente mediante el teclado.

En la línea de comandos, utiliza <kbd>cd</kbd> para cambiar el 
directorio en el que te encuentras, por ejemplo, con <kbd>cd documentos</kbd> 
ingresarás al directorio llamado "documentos"

dfn

Usado para mostrar definiciones de palabras claves. Cargaremos con una definición una palabra interesante de nuestro texto.

<p><dfn title="Enciclopedia Libre">Wikipedia</dfn> es muy conocida en Internet.</p>

blockquote

Destinado a mostrar citas de otras páginas para ello usaremos el atributo cite del tag, para indicar de donde se ha sacado el texto del bloque.

<blockquote cite="http://www.anieto2k.com/2006/06/27/proyecto-posts-mas-semanticos/">
	<p>Despues de ver Semantic Wiki, me han entrado ganas de crear una iniciativa 
parecida pero prefiero que sea algo en lo que contribuyamos todos aportando sugerencias 
e ideas, y sobretodo definir una especie de estandard en el cual todos podamos hacer los
posts lo más semánticos posibles.</p>
</blockquote>

abbr

Ideal para indicar abrebiaturas, con ellas podremos dar más información al usuario de nuestras abreviaturas, no confundir con acrónimos.

Por <abbr title="ejemplo">eg.</abbr>: "ejemplo".

acronym

Con ella podremos definir el significado de los acrónimos, dando información muy útil a nuestros usuarios.

<acronym title="Cascading Style Sheets">CSS</acronym>

address

Destinada a indicar las direcciones dentro de nuestros posts.

<address>23 Arlington Road, London</address>

H1..H6

Son usados para definir encabezados importantes, generalmente títulos de los textos.

<h1>Título</h1>
<p>Aquí tenemos el texto</p>