¿Está bien "planteado" mi cóodigo HTML5?

rogertm · #1 (**permalink**) 20/07/2010, 08:12

En espera de que se me ocurra algo más interesante, y para no dejar mi nuevo dominio encuero, he decidido crear una pequeña paginita en HTML5... Guiándome por el manual de referencia del lenguaje, pero tengo dudas si está bien o mal planteado el código que he creado. Aquí se los dejo a su consideración:

Código HTML:

Ver original<!DOCTYPE html>
<html dir="ltr" lang="es-CU">
<head>
    <meta charset="utf-8" />
    <meta name="author" content="rogertm" />
    <meta name="description" content="Friki y Blogger por Cuenta Propia" />    
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <title>rogertm.com</title>
</head>
<body>
<div id="wrapper">
    <header>
        <hgroup>
            <h1><a href="http://rogertm.com/" title="rogertm.com">rogertm.com</a></h1>
            <h2>Friki y Blogger por Cuenta Propia</h2>
        </hgroup>
 
    </header>
    <section>
        <h1><a href="http://blog.rogertm.com/" title="blog.rogertm.com">213</a></h1>
    </section>
    <aside>
        <nav>
            <ul>
                <li><a href="http://twitter.com/roger213tm" title="RogerTM on Twitter" rel="me"><img src="icons/twitter.png" alt="RogerTM on Twitter" /></a></li>
                <li><a href="http://facebook.com/rogertm" title="Facebook - Roger TM" rel="me"><img src="icons/facebook.png" alt="Facebook - Roger TM" /></a></li>
                <li><a href="http://www.google.com/reader/shared/roger213tm" title="Google Reader - Elementos compartidos de RogerTM" rel="me"><img src="icons/google.png" alt="Google Reader - Elementos compartidos de RogerTM" /></a></li>
                <li><a href="http://delicious.com/rogertm" title="rogertm's Bookmarks on Delicious" rel="me"><img src="icons/delicious.png" alt="rogertm's Bookmarks on Delicious" /></a></li>
                <li><a href="http://www.flickr.com/photos/rogertm/" title="Flickr - Secuencia de fotos de rogertm" rel="me"><img src="icons/flickr.png" alt="Flickr - Secuencia de fotos de rogertm" /></a></li>
            </ul>
        </nav>
    </aside>
    <footer>
    &copy; 2010 <a href="http://rogertm.com/" title="rogertm.com">rogertm.com</a>
    </footer>
</div>
</body>
</html>

Sugerencias y consejos ultrarequetebienvenidos xD

luisfego · #2 (**permalink**) 20/07/2010, 19:51

Pues en general tu código fuente está bien. Solamente tengo dos observaciones.

1. En HTML5, el único lenguaje considerado para las hojas de estilo es CSS, por lo que no es necesario poner como atributo type="text/css". No está mal si lo quieres poner, pero no es necesario.

2. Tampoco es necesario usar un div que envuelva toda la página. Eso podría ser cuestión de diseño, pero se puede omitir.

Si quieres aprender más acerca de HTML5, te recomiendo ampliamente que leas Dive into HTML5.

Saludos

rogertm · #3 (**permalink**) 21/07/2010, 06:53

Muchas gracias por el link... y bueno, el div lo uso para que me cuadre bien el diseño, que tampoco se puede ser absolutista

Carlangueitor · #4 (**permalink**) 21/07/2010, 11:21

Pues a mi si me parece bien tu código, igual creo que te faltó un párrafo para lo del footer, ya que así no tiene mucho valor semántico.

Saludos

rogertm · #5 (**permalink**) 21/07/2010, 11:56

Pues fíjense que interesante esto. Leyendo el manual que me ha dado el amigo luisfego, he llegado aquí; si notan en mi código, se darán cuenta de que en el atributo lang de la etiqueta html uso el valor "es-CU", que para mi no es más que Español de Cuba. Pero según la explicación dada y buscando "Cuba" en el archivo donde están todas las subetiquetas de idiomas, me encuentro que para Cuba, el valor que debería poner es csf...

Código:

%%
Type: language
Subtag: csf
Description: Cuba Sign Language
Added: 2009-07-29
%%

¿Habían visto esto antes? ¿Debería cambiar mi código a lang="es-csf"? ¿Entendí bien la explicación o me perdí de algo?

Saludos...

emprear · #6 (**permalink**) 21/07/2010, 15:07

Según la recomendación que vas a obtener al utilizar la herramienta
http://rishida.net/utils/subtags/ind...f&submit=Check

deberias usar el "language subtag" que para español de cuba es "CU" y no el "extended language subtag" que si es "csf"

Saludos

rogertm · #7 (**permalink**) 22/07/2010, 06:30

Cita:

Iniciado por emprear

Según la recomendación que vas a obtener al utilizar la herramienta
http://rishida.net/utils/subtags/ind...f&submit=Check

deberias usar el "language subtag" que para español de cuba es "CU" y no el "extended language subtag" que si es "csf"

Saludos

Muchas gracias... que alivio