Ir al contenido principal

Primeros pasos para migrar a HTML5

La historia de los estándares la podemos encontrar por internet, pero la experiencia de cada webmasters sólo la podemos saber de primera mano y aquí va.

El primer lugar html5 sólo funciona en los navegadores más modernos, cosa que nos es problema porque según las estadísticas la mayoría de usuarios usan navegadores actualizados.

Otro punto importante es que html5 no es nada sin las hojas de estilo (CSS), muchos ejemplos que están por internet se ven muy bonito porque tienen un css bien configurado.

Muchas etiquetas y parámetros dejan de usarse en html5 y nuevas entran al estándar:



Al igual que html4, el nuevo requiere que todas las etiquetas se cierren, como por ejemplo <br /> o los metas, todos deben cerrar con />.

Como se sabe ahora hay nuevos elementos dentro de BODY, como <header>, <section>, <article>, <nav>, <aside> y <footer> entre otros tienen su propia configuración con CSS, por ejemplo:


header {
	display: block;
	background: #ff0000;
}


No es necesario crear un ID o class a menos que se desee combinar o personalizar estos elementos en cada  sección de un sitio web.

En cuanto a la presentación de vídeos, lo único nuevo es el uso de la etiqueta <video> que incrusta el archivo de video, ejemplo:

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
</video>


Lo mismo sucede con el audio.

En HTML5 ahora se pueden hacer gráficos con la etiqueta <canvas> y existe un nuevo manejo de formularios.

En conclusión muchas mejoras para estandarizar el diseño de las páginas web. La idea es que cada vez que veamos el código fuente de una página  por la organización de cada elemento, sepamos de qué se trata, esto facilita el trabajo de los buscadores al indexar el contenido y evita los fraudes para posicionamiento en ellos.







Comentarios

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

El otro día me encontré con la necesidad de superponer una imagen sobre otra, mi aplicación debía mostrar una imagen y luego encima colocarle un marco quedando superpuesto.

Claro está que la imagen superpuesta como un marco debe ser trasparente en su interior para poder mostrar la imagen que va debajo.

Hay dos maneras de hacerlo, una poniendo el estilo en un archivo externo o incrustado en el <head> de la página web o sino agregándolo en el mismo DIV.

<div style="position:relative"><img src="imagen_debajo.jpg" width="268" hspace="16" height="268" vspace="16" /><div style="position:absolute; top:0; left:0;"><a href="http://www.guiaplaza.com"><img border="0"  src="marco_chistes.png" width="300" height="300" /></a></div></div>
Si desean la opción más Larga es la siguiente:


<html>
<head>
<title>Ejemp…

Script para buscar palabras o textos en una página (html) con Jquery

Aquí les muestro la solución que recientemente encontré para colocar un buscador dentro de una página web para que encuentre textos o palabras.

El script funciona con Jquery y un pequeño Javascript que busca en el html y resalta (en amarillo) los textos que va encontrando según tu vayas ingresando las letras.

El color de fondo puede variarse de acuerdo al tema y colores de tu página web. Es además un script moderno  (2012) que trabaja con todos los navegadores como el Chrome, IE9, Safari, etc.

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?

Muchas páginas, comunidades, notas, grupos y foros creados dentro de Facebook podrían ser una fuente grandiosa de ingresos económicos para sus creadores.... debido a que estas le generan mucho dinero en publicidad a esta red social.

Algunos webmasters ya saben lo que es ganar dinero trabajando en internet con una página web como un blog, foro o sitio temático, para los que ya reciben más de €100 euros al mes, volver a cero es definitivamente impensable.