Jugando con la semántica de los contenidos del desafio css+xhtml
Yo como muchos, estoy hecho un lío con la diferencia entre acrónimos, abreviaturas y otros. En el ejemplo tenemos un par de 'rarezas':
1- ¿Del.icio.us? ¿esto qué...?
2- "el Web 2.0" ¿"Web" sería una abreviatura de world wide web? ¿Es castellano o ingles?
3- <cite lang=''>Christian Van Der Henst... ¿Cómo averiguar el idioma de los nombres?
¿Se os ocurre alguna mejora de la semántica del ejemplo?
Ejemplo:
Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv='Content-Type' content='text/xml; charset=UTF-8'/>
<title>Artículo editorial</title>
<style type='text/css'>
.articulo { width: 35%; }
dd { list-style: none; list-style-position: inside;
padding: 0.1em; margin: 0.1em; }
a { position: relative; top: -0.7em;
background-color: white; padding: 0.1em;
text-decoration: none;
color: darkblue; font-size: 1.1em; }
dt { text-align: center; }
dl { border: transparent solid 1px; }
dl:hover { border: peru solid 1px; }
dl:hover a { color: blue; text-decoration: underline; }
dl:hover cite { color: maroon; }
dl:hover *.oculto { visibility: visible; }
.oculto { visibility: hidden; color: darkblue;
font-size: 0.9em; text-align: right; }
</style>
</head>
<body>
<dl class='articulo'>
<dt> <a href='http://www.maestrosdelweb.com/editorial/delicious/'>
Una deliciosa forma de guardar tus favoritos </a> </dt>
<dd> <q> <em>Del.icio.us</em> es un servicio social que permite
guardar los favoritos de tu navegador con todas las pautas que da el Web 2.0.</q> </dd>
<dd>Por <cite lang=''>Christian Van Der Henst</cite> </dd>
<dd class='oculto'>675 lecturas y 0 comentario</dd>
</dl>
</body> </html>