Pues va siendo hora. El CSS3 ya está muy implementado en la mayoría de los navegadores. En cuanto a la implementación del HTML5 se está trabajando en ello. En algunos sitios he leído que la implementación ya debería estar realizada a fecha de hoy. En otros, que no lo estará hasta el 2014. En todo caso sería bueno ir conociéndolo e ir haciendo alguna "chapuza" con él, ya que, tiene una buena cantidad de nuevas etiquetas y, algunas, son un poco enrevesadas de entender.
Yo estoy trabajando en una (para mi) llamada Las Edades de la Tierra. En esta página voy a intentar usar el mayor número de las nuevas etiquetas HTML5 y de las nuevas facilidades que nos ofrece CSS3. Esta sólo se verá bien en los navegadores que están actualizados. Aviso que esta página puede que no se vea correctamente en el IE (Internet Explorer) ya que este es el navegador que más tarde implementa las novedades. También intentaré que se adapte al mayor número de pantallas y resoluciones.
En otros posts iré explicando algunos de los códigos que voy insertando en la página. De momento, en éste post, sólo daré la estructura básica del HTML5 que es la siguiente:
Como podéis ver, el inicio de la página es más simple, basta con poner <!DOCTYPE html> y especificar el lenguaje en <html lang="es-ES">.
Después tenemos una serie de etiquetas nuevas como <header>, <section>, <article>, <nav>, <hgroup>, etc.... En este blog no voy a dar una descripción detallada de cada una de ellas. Aquí sólo insertaré algunos de los códigos de la página mencionada (Las Edades de la Tierra) y daré una breve explicación sobre ellos. Para estudiar y comprender más a fondo las nuevas etiquetas tenemos sitios como los siguientes:
-Como crear tu web.
-Desarrollo web.
-ibm.com.
-la webera.
Y muchos más que podréis encontrar.
Sólo decir que la pretendida función de estas nuevas etiquetas es la falicitar la tarea de los buscadores. Así, cuando encuentran, por ejemplo, la etiqueta <header> "saben" que dentro deberían encontrar la cabecera de la página osea, el logotipo, el título, descripción de la empresa o similares. También decir que estas etiquetas no formatean la página por si solas, es decir, no porque incluyas la etiqueta <header> esta se va a colocar por si sola en la cabecera de la página, es necesario ubicarlas, como siempre, mediante las reglas CSS.
Yo estoy trabajando en una (para mi) llamada Las Edades de la Tierra. En esta página voy a intentar usar el mayor número de las nuevas etiquetas HTML5 y de las nuevas facilidades que nos ofrece CSS3. Esta sólo se verá bien en los navegadores que están actualizados. Aviso que esta página puede que no se vea correctamente en el IE (Internet Explorer) ya que este es el navegador que más tarde implementa las novedades. También intentaré que se adapte al mayor número de pantallas y resoluciones.
En otros posts iré explicando algunos de los códigos que voy insertando en la página. De momento, en éste post, sólo daré la estructura básica del HTML5 que es la siguiente:
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8" />
<title>Título de la página</title>
<!-- Aquí los meta tag, links y scripts necesarios-->
</head>
<body>
<img id="imgback" src="imagen de fondo" alt="la tierra">
<header id="cabecera">
<!-- Aquí puede ir el título, logo, etc... de la página-->
</header>
<section>
<nav>
<article class="menu menuuno">
<hgroup>
<h2 class="titulo">Texto</h2>
<ul class="menu1">
<li><h2>texto</h2></li>
<div class="submenu">
<p>texto</p>
</div>
<li><h2>texto</h2></li>
<div class="submenu">
<p>texto</p>
</div>
</ul>
</hgroup>
</article>
</nav>
</section>
<aside id="enlaces">
<h2 style="text-align:center">Texto</h2>
texto
</aside>
<canvas id="migrafico">Tu navegador no soporta Canvas</canvas>
<footer itemscope itemtype="http://schema.org/Person">
<h2>Página diseñada y creada en HTML5 y CSS3 por <a href="http://construyendotuweb.blogspot.com.es/" itemprop="url" target="_blank"><span itemprop="name">Jose Luis Acebedo Parajón</span></a> en noviembre de 2012</h2>
<p>Email:<a href="mailto:acebedo.parajon@gmail.com" itemprop="email">acebedo.parajon@gmail.com</a></p>
</footer>
</body>
</html>
El anterior código es un trozo de la página que os he comentado al comienzo del post. Como podéis ver, el inicio de la página es más simple, basta con poner <!DOCTYPE html> y especificar el lenguaje en <html lang="es-ES">.
Después tenemos una serie de etiquetas nuevas como <header>, <section>, <article>, <nav>, <hgroup>, etc.... En este blog no voy a dar una descripción detallada de cada una de ellas. Aquí sólo insertaré algunos de los códigos de la página mencionada (Las Edades de la Tierra) y daré una breve explicación sobre ellos. Para estudiar y comprender más a fondo las nuevas etiquetas tenemos sitios como los siguientes:
-Como crear tu web.
-Desarrollo web.
-ibm.com.
-la webera.
Y muchos más que podréis encontrar.
Sólo decir que la pretendida función de estas nuevas etiquetas es la falicitar la tarea de los buscadores. Así, cuando encuentran, por ejemplo, la etiqueta <header> "saben" que dentro deberían encontrar la cabecera de la página osea, el logotipo, el título, descripción de la empresa o similares. También decir que estas etiquetas no formatean la página por si solas, es decir, no porque incluyas la etiqueta <header> esta se va a colocar por si sola en la cabecera de la página, es necesario ubicarlas, como siempre, mediante las reglas CSS.
Comentarios
Publicar un comentario