¿Por qué no queremos una web más semántica?

[derkenuke]

Últimamente muchos usuarios hablan de la web semántica, pero me gustaría analizar hasta qué punto es semántica con HTML:

El HTML es un lenguaje de marcas que nos permite estructurar nuestro contenido, en base a un criterio personal. Es decir, existen etiquetas para una lista genérica UL, pero no existe una etiqueta para estructurar un diálogo (ha habido preguntas sobre esto), ni para un catálogo de cd's. No existe una etiqueta MENU, aunque el 99% de las webs tienen uno; tenemos que usar UL en su lugar.

Un ejemplo para publicar mi colección de cd's personal actualmente podría ser así:

Código HTML:

<h1>Mi lista de cd's</h1>
<ul class="misCDs">
	<li>Cd1 de Paco, del año 2001.</li>
	<li>Cd2 de Pérez, del año 2005.</li>
	<li>Cd3 de Alberto, del año 1987.</li>
	...
</ul> 

Pero eso no es del todo semántico. El w3 provee herramientas para construir esa estructura de una manera mucho más semántica, el XML:

Código HTML:

<micatalogo>
	<disco>
		<titulo>Cd1</titulo>
		<autor>Paco</autor>
		<año>2001</año>
	</disco>
	<disco>
		<titulo>Cd2</titulo>
		<autor>Pérez</autor>
		<año>2005</año>
	</disco>
	<disco>
		<titulo>Cd3</titulo>
		<autor>Alberto</autor>
		<año>1987</año>
	</disco>
</micatalogo> 

Si el XML nos parece "feo", mediante XSL podremos "convertir" dicho XML en un documento xHTML (paso que creo podría ser innecesario) al que poder darle formato con CSS. El argumento para no usar XML tampoco puede ser el de que XML no permite presentarse como el HTML, ya que tiene mucha más potencia (XSL permite bucles, condicionales, ordenación de elementos, variables, includes, copias de elementos...).

En el HTML, en cambio, tenemos el problema de que no sabemos de qué es la lista de la que estamos hablando, y que el primer elemento de la lista se representará el primero sin poder hacer nada al respecto. Es decir: estamos definiendo una estructura y además su orden, y carecemos de poder para concretar aspectos como en XML.



El HTML5 viene con unos cambios muy tímidos acerca del tema. Intenta paliar la utilización lógica de millones de elementos DIV anónimos que llenan nuestras webs sustituyéndolos con elementos como SECTION, HEADER, ARTICLE... pero es un cambio nimio con respecto al pasado HTML4.


¿Por qué no triunfó XML en su día? ¿Por qué no se le nombra ahora que el concepto de semántica está tan de moda? ¿Por qué no se escriben ya blogs en XML? ¿Por qué los catálogos de elementos siempre son en insípido HTML? Qué hay de los que predican tanto la semántica, ¿Creen que xHTML es la herramienta definitiva, que xHTML usado semánticamente no tiene rival actual?

[buzu]

Bueno, en realidad seria imposible crear una web totalmente semántica siguiendo la filosofía que propones por que por ejemplo si quiero hablar de los elementos que conforman mi familia entonces tendría que tener un elemento <familia> con su elementos <abuelo><padres><tios><tias><primos><sobrinos><sue gra title="UGGGG"> (quizá este ultimo seria depercated jajaja) etc... Así tambien si quiero presumir mi colección de autos tendría que tener un elemento <autos> que quizá tendría un atributo distribuidor con valores como honda, mazda, ford, lexus, ferary etc.. Aun usando XML y XSL seria prácticamente imposible hacer eso o muy tediosos.

Tan solo tu ejemplo del catalogo presenta algunas deficiencias. Por ejemplo, tienes un elemento <micatalogo> pero tal como esta no es del todo semántico pues jamas expresa la clase de catalogo que es, en tal caso debería ser <miscds>

El uso de XML en la practica resultaría en una implementacion costosa debido a la cantidad de especificaciones que deberían crearse si quieres que tu XML esté bien estructurado y fundamentado.

En lo particular, las implementaciones de HTML5 me parecen absurdas y son el producto del efecto llamado divmania. Estas implementaciones me parecen absurdas ya que lo único que pretenden es reemplazar un elemento por otro que tiene un nombre mas especifico pero en la practica no mejoran en nada la usabilidad o accesibilidad al usuario final.

La web semántica no solo se logra con el uso de etiquetas que describen lo que contienen, sino con la implementacion de ids y clases semánticas; de modo que si tengo un ul (ojo, que es ul y no UL) con id="menu" es totalmente semántico ya que estoy definiendo que el siguiente elemento es una lista de elementos no necesariamente ordenados que en conjunto forman un elemento al cual se le puede hacer referencia como menu.

Ojo que en ningún momento estoy usando un div llamado menu dentro del cual pongo un elemento ul. Mas bien uso directamente el elemento ul como menu ya que con CSS puedo lograr que el elemento se comporte tal y como lo deseo.

Como vez la web tiene la posibilidad de ser semántica tal y como está y si bien seria bueno que se hubiera logrando un soporte y popularidad de XMl como se esperaba, eso no significa que XHTML tenga deficiencias en cuanto a la posibilidad que brinda de crear una web semántica, mas bien la deficiencia está en la practica de los desarrolladores que crean el markup de los sitios web.

[derkenuke]

Qué hay buzu, gracias por escribir:

Para escribir un documento para una familia sería un poco costoso de implementar, pero creo que ya entramos en casuística muy concreta. Podemos tener muchos elementos <abuelo>, <hijo>, <sobrino>... o podemos tener un elemento <pariente parentesco="hijo">, o algo parecido. Creo que en la web no triunfan las cosas tan complejas. De todas maneras no lo veo para nada imposible, ¿donde estaría la dificultad? Sería pesado nada más.

Fíjate si sería fácil escribir un blog:

Código HTML:

<miblog>
	<encabezado>
		<titulo></titulo>
		<subtitulo></subtitulo>
		<pestañas></pestañas>
	</encabezado>
	<posts>
		<post>
			<titulo></titulo>
			<fecha></fecha>
			<autor></autor>
			...
		</post>
		<post>
			...
		</post>
		...
	</posts>
	<masmenus>
		<antiguosposts>
			<post>...</post>
		</antiguosposts>
		<calendario/>
		<rss/>
		<ultimosComentarios/>
	</masmenus>
	<pie>
		<licencia></licencia>
		<autores></autores>
	</pie>
</miblog> 

Me imagino mirando el código fuente de un blog y viendo esto. Estaría impecable, no tendría que perderme por no se cuántos DIVs...

Iniciado por buzu

El uso de XML en la practica resultaría en una implementacion costosa debido a la cantidad de especificaciones que deberían crearse si quieres que tu XML esté bien estructurado y fundamentado.

En eso sí estoy de acuerdo, para implementar un blog con XML y diseñarlo de manera actual necesitariamos de XML, XSL, xHTML, CSS, javascript, PHP, MySQL... son muchas tecnologías, pero actualmente se usan muchas de ellas. Los usuarios noveles se hacen un lío con el uso de tantos lenguajes. Es algo que de por sí no está simplificado, es mejor mantener cada rama por separado. Aunque admito que habría demasiado lío en la zona XML+XSL+xHTML que parecen acercarse entre sí.


Creo que los buscadores podrían afinar muchísimo más sus búsquedas, y empezar a ser un poco más inteligentes de lo que son hoy en día.

Iniciado por buzu

Como vez la web tiene la posibilidad de ser semántica tal y como está y si bien seria bueno que se hubiera logrando un soporte y popularidad de XMl como se esperaba, eso no significa que XHTML tenga deficiencias en cuanto a la posibilidad que brinda de crear una web semántica, mas bien la deficiencia está en la practica de los desarrolladores que crean el markup de los sitios web.

¿De verdad te parece que el xHTML semántico puede competir con el XML semántico? Creo que está a años luz de distancia.

Como ejemplo he subido temporalmente un archivo. No lo he escrito para IE, porque lo hice rápido, pero en FF se ve de maravilla.
http://www.derkenuke.es/XML/CSS.xml
Mira el código fuente por favor, ¿no es más fácil de leer y más semántico?

Iniciado por derkenuke

¿Por qué no triunfó XML en su día? ¿Por qué no se le nombra ahora que el concepto de semántica está tan de moda? ¿Por qué no se escriben ya blogs en XML? ¿Por qué los catálogos de elementos siempre son en insípido HTML? Qué hay de los que predican tanto la semántica, ¿Creen que xHTML es la herramienta definitiva, que xHTML usado semánticamente no tiene rival actual?

[buzu]

No digo que XHTML semántico pueda competir contra XML semántico, pues al final de cuentas la semántica en su estado final es un caso de preferencias, algo que para ti es semántico de una manera, para mi lo puede ser de otra de modo que XMl siempre lleva ventaja pues te da la opción de crear tu elementos a como se te da la gana. Sin embargo, eso no quita la posibilidad de usar XHTML de forma semántica en la web.

Los problemas que te encuentras al leer los blogs que dices son, como ya te lo habia mencionado, el producto del fenómeno llamado divmania.

o podemos tener un elemento <pariente parentesco="hijo">

No es acaso eso lo mismo que yo propongo con el uso de ids y clases semánticas?

Creo que los buscadores podrían afinar muchísimo más sus búsquedas, y empezar a ser un poco más inteligentes de lo que son hoy en día.

En realidad ya lo son. Un buscador del tipo de google le da una cierta importancia al contenido dentro de las etiquetas h1 que dentro de las etiquetas span. Por el otro lado tendría que conocer el significado de todas y cada una de las etiquetas definidas por los desarrolladores ya que para ti, <abuelo> es perfectamente semántico y tiene mucho sentido pero para un spider no. Ademas, ten en cuenta que las etiquetas serian semánticas para ti y para las personas de habla hispana pero no para las personas de china por ejemplo, mientras que un h1 es un headder con importancia de mayor relevancia y eso es lo mismo aquí y en china.

Como vez hay mucho mas a tomar en cuenta cuando se habla se semántica que simplemente arrebatarse a formar elementos.

Tuejemplo que pones en la pagina que envias esta muy bien, entendible no lo dudo y tiene mucho sentido para mi, pero te repito no seria el mismo caso si yo fuera japones o algo por el estilo. Lo mismo se puede lograr de la siguiente manera:

Código HTML:

<ul id="misCds">
     <li class="cd">
           <ul id="EmpireBurlesque">
                 <li class="title">Empire Burlesque</li>
                 <li class="artist">Bob Dylan</li>
                 <li class="country">USA</li>
                 <li class="company">Columbia</li>
                 <li class="price">10.90</li>
                 <li class="year">1985</li>
           </ul>
     </li>
     ....
</ul> 

Como vez podemos usar una lista ya que estas listando tu coleccion de cds y anidamos otra lista ya que la informacion podria ser considerada como un listado de informacion acerca de un articulo. Otro punto de vista podria considerar que eso es mas bien una informacion que bien podria ser tabulada y usar una tabla, lo que comprueva mi punto en cuanto a que la semantica es en su ultima instancia una cuestion personal.

Ademas, si quicieras que tu coleccion de cds fuera facil de actualizar tendrias que usar una base de datos con lo que tu xml seria casi inecesario.

[buzu]

Por cierto, no entiendo la dificultad al leer un blog que te generaun markup como este:

Código HTML:

<div id="blog">
   <div class="post">
        <h1>Una entrada en el Blog</h1>
        <span class="fecha">01/01/09</span>
        <span class="autor">Buzu</span>
        <span class="liscencia">CC</span>
        <p class="contenidoPost">
               texto texto.....
        </p>
   </div>
   <div class="post">
        <h1>Una entrada en el Blog</h1>
        <span class="fecha">01/01/09</span>
        <span class="autor">Buzu</span>
        <span class="liscencia">CC</span>
        <p class="contenidoPost">
               texto texto.....
        </p>
   </div>
</div>