Los tipos de miedo son:

Los temores conservadores

Se consideran naturales y preservan la vida.

Temores neuróticos

Ellos transmiten mensajes sobre la presencia de las fuerzas naturales y potencialidades que deben ser reconocidas en nosotros para que podamos utilizarlas de manera adecuada. Estos son los temores que se han desarrollado debido a que nuestra competencia creencias proyectan miedos.

Consejos para superar los miedos

Aceptar, comprender, enfrentar los miedos es una forma de auto-conocimiento, el miedo no desaparece solo, sin entender por qué seguimos ciertas actitudes.

Saber que el miedo nos impone un sentido de alerta, como si dijera:

- ¡Cuidado!

- ¡Tómalo con calma!

- ¡Presta atención!

- ¡Considéralo!

Los orígenes de los miedos pueden ser diferentes, así que aquí hay algunos de ellos

• Las experiencias traumáticas. - El miedo a ser mordido por los perros.
• Creencias, supersticiones y la desinformación que han sido inculcados. – Los golpes de frío o calor causan ACV
• Experiencias subjetivas durante la vida intrauterina. - Temor de beber agua por la ingestión de líquido amniótico.
• Pensamientos ansiosos, catastróficos, o fantasía fóbica, no relacionados con hechos concretos, sino con las fantasías de “podría ser”. - Pensamientos catastróficos y aterradores.
• La falta de confianza en sí mismo, la incertidumbre sobre el talento y el potencial para hacer frente a situaciones de la vida.  – “No puedo.”
• El desconocimiento de la naturaleza esencial de su potencial, habilidades y, sobre todo, la fuerza mental. – “Tengo miedo de arriesgarme, no cuento con habilidades”
• Arquetipos – temores relacionados con el inconsciente colectivo – la destrucción, monstruos.
• La falta de información y conocimiento sobre ciertos hechos y circunstancias. - El miedo de contraer SIDA y hepatitis.
• Temores infundados – TV / películas de terror.

Bajar de peso rápidamente sin pasar hambre. La dieta Dukan permite una rápida pérdida de peso, 2,5 a 3 kilos en seis días desde este período, usted come proteínas magras (y nada más!) Hasta que te sientas satisfecho. El objetivo es sorprender al metabolismo, acelerando la quema de calorías y reparar el cuerpo con el paso siguiente, cuando el programa libera algunas verduras y legumbres (ver más abajo menús preparados por el personal del programa Dukan). Sigues perdiendo peso a un ritmo más lento, pero la pérdida es significativa: de 2 a 2,5 libras menos en nueve días.

La francesa dieta Dukan o dieta de las proteínas es la misma que el año pasado, utilizó la princesa Kate Meddleton y cambió el cuerpo de Jennifer López. Luego se hizo famosa en Europa, EE.UU. y Brasil. Desde entonces, los fieles al método son cada vez más.
¡Atención!
El ejercicio es obligatorio en el programa Dukan. Caminar 25 minutos al día, seis veces a la semana. En los días después de la fiesta, aumentar el tiempo a 40 minutos.

Ataque (fase 1)

Corto e intenso, esta etapa de la dieta le hará limpiar hasta 3 kilos en seis días. Al contar con sólo proteína magra (la excepción es el salvado de avena, una vez al día, para aumentar la saciedad), que prepara al cuerpo para responder mejor a la dieta. Carne, aves y pescado se pueden consumir a voluntad. Pero si usted quiere tener una idea de la cantidad, siga el menú sugerido por el equipo responsable del programa Dukan

Desayuno
Opción 1: 1 taza de yogur 0% + 1 c. té verde con canela y jengibre
Opción 2: 2 rebanadas de queso blanco 0% grasa + tortilla (1 yema de huevo y 2 claras de huevo) + 1 c. (Té) de café con leche descremada (edulcorante, opcional)
Opción 3: 3 rebanadas de jamón sin grasa + 1 taza de gelatina de dieta.

Mañana merienda 
Opción 1: 2 rebanadas de queso blanco 0% de materia grasa
Opción 2: 3 rebanadas de pechuga de pavo
Opción 3: 2 arrollados (2 rebanadas de jamón magro enrolladas con queso 0%).

Almuerzo 
Opción 1: Soufflé de pollo
Opción 2: 1 filete (150 g) de carne (filete de lomo sin grasa) a la parrilla (Sazonar con perejil, pimienta negro y un poco de sal) + tortilla (1 yema de huevo y 2 claras de huevo)
Opción 3: 2 filetes (240 g) de pescado asado con hierbas (romero, perejil) + 2 filetes de calamar cocido y sazonado con vinagreta (salsa de vinagre y sal)

Merienda
Opción 1: 1 rebanada de queso blanco medio 0% grasa + 2 lonchas de jamón magro + 1 taza de café negro (usar edulcorante)
Opción 2: Pasta de queso 0% grasa (con orégano y pimienta negra) + 2 rebanadas de pechuga de pavo (o jamón magro) + 1 taza de yerba mate con leche descremada batida
Opción 3: 1 pote de yogur 0% + 1 taza de gelatina diet

Cena
Opción 1: 3 brochetas de cubos de pavo a la plancha con salsa de yogur (yogur 0% sazonado con cebolla, ajo picado y menta) + 6 cubos medianos de tofu (o queso) sazonado y asado
Opción 2: 1 medallón de ternera (150g) sazonado con hierbas y asado a la parrilla + 2 rebanadas de queso blanco 0% grasa
Opción 3: 3 3 pescados medianos sazonados con azafrán, asados en la plancha + 4 Kani kamas.

Cena 
Opción 1: 2 huevos duros de codorniz (o 1 huevo)
Opción 2: 1 taza (250 ml) batido de leche descremada con 1 ½ de salvado de avena
Opción 3: 1 Quesito fundido

Alimentos liberados
En la primera fase, se puede variar el menú con estas categorías de alimentos

Carne blanca: aves (excepto Pavo) y conejo. Carne magra: carne de ternera y carne de res sin grasa, a la plancha, al horno o hervida. Pescado (todo): crudo o cocido. Mar: camarones, calamares y crustáceos. Frío: jamón magro, jamón de pollo y pechuga de pavo. Productos lácteos: queso, ricota, queso crema, crema descremada, yogur 0% y leche descremada (dos porciones por día como máximo). Huevo: dos por día como máximo. Agua: es esencial beber 2 litros de agua al día. Se facilita el funcionamiento de los riñones, los responsables de la eliminación de las toxinas resultantes de la quema de grasa. También puede consumir té y café (sin azúcar). Condimento: Use hierbas, cebolla y ajo para preparar los alimentos. Modere sal y grasa (utilice poco aceite para asar carnes).

Crucero (fase 2)

En este paso, puede agregar verduras (excepto patatas) en el plato, pero en días alternos. Más o menos así: un día sigue el menú de la fase 2 y al otro la fase 1, sólo con proteína magra. La repetición de este esquema durante nueve días, da la pérdida de peso de 2 a 2,5 libras. Pero todavía se puede seguir en esta etapa si quiere sacar un par más de libras

Desayuno
Opción 1: huevos revueltos (1 yema de huevo y 2 claras de huevo) con ricota, jamón magro y tomate + 1 taza (250 ml) de jugo de zanahoria con apio, agua o de salvado de avena (edulcorante, opcional)
Opción 2: 1 yogurt sin grasa + fruta + 1 huevo + café negro sin azúcar (o té de melisa y menta)
Opción 3: 1 bote de yogur líquido (tipo Actimel) + 2 rebanadas de pechuga de pavo y 1 rebanada de queso blanco 0% grasa + 1 taza de té con una cda. de leche descremada.

Mañana merienda 
Opción 1: 5 zanahorias pequeñas
Opción 2: 2 rebanadas de bife
Opción 3: 4 tomates cherry + 2 rebanadas medianas de queso blanco 0%

Almuerzo 
Opción 1: 1 plato de ensalada de rúcula y tomate (sazonar con sal y vinagre) + carne molida cocinada con judías verdes y las zanahorias en cubos
Opción 2: 1 plato de lechuga y champiñones (sazonar con sal y vinagre) + 2 sardinas frescas al horno con romero + espinacas salteadas con ajo
Opción 3: 1 plato de ensalada de berros y calabacín rallado (sazonar con sal y vinagre) + 3 brocheta de pollo, pimientos y cebollas a la parrilla + Coliflor y judías verdes al vapor

Merienda
Opción 1: 1 Quesito fundido + 1 taza de yogur 0% + 3 palitos de apio
Opción 2: 1 taza (300 ml) de jugo  + 1/2 lata de atún con queso cottage
Opción 3: 3 rebanadas medianas de tofu (o ricota) a la parrilla con perejil + 4 Kanis kama

Cena
Opción 1: 1 plato de frijoles con vinagreta (sin aceite) + 2 rebanadas de pechuga de pavo asadas con menta + Berenjena con cebolla estofada
Opción 2: 1 plato de ensalada de escarola, pepino e hinojo (sazonar con sal y vinagre) + 1 plato de konhaku shirataki (fideos japoneses) con salsa de carne
Opción 3: 1 plato de Ensalada de chayota y repollo cocido (sazonar con sal y vinagre) + 1 filete de merluza al horno con romero

Cena 
Opción 1: 1 taza de gelatina diet
Opción 2: 1 bote de yogur natural 0% grasa con salvado de avena
Opción 3: 2 rebanadas de jamón o pollo

Consolidación (Fase 3)

Nota **: El siguiente menú no es válido para los jueves de pura proteína.

Desayuno 
Opción 1: 1 taza de leche descremada con café (edulcorante opcional) + 1 rebanada de pan integral con 1 cucharada de queso crema + 1 manzana
Opción 2: 1 taza de leche descremada con salvado de avena + 3 arrollados de 3 rebanadas de pechuga de pavo con 2 cucharadas de ricota sazonada con orégano
Opción 3: 1 taza de leche descremada con 1 cucharadita de cacao en polvo sin azúcar + 1 taza de yogur 0% + 3 rebanadas de jamón magro

Mañana merienda
Opción 1: 1 taza de café negro (edulcorante opcional)
Opción 2: 1 cucharada de cerezas goji
Opción 3: 3 huevos de codorniz

Almuerzo 
Opción 1: 1 plato de ensalada de camarones con Kani kama + 2 Tomates rellenos de atún y cubiertos con queso parmesano Light + 3 cucharadas de calabacín cocido
Opción 2: 1 plato y ensalada de escarola y remolacha + 2 rebanadas de lomo de cerdo asado con medio limón + 3 cucharadas de repollo cocido con ajo
Opción 3: 1 plato de ensalada de acelgas con tomate + 3 piezas medianas de pechuga de pollo con leche de coco ligera y queso de soja + 2 cucharadas de coliflor al vapor

Merienda 
Opción 1: 4 palitos de Kani kama
Opción 2: 1 rebanada de pan integral con 1 cucharada de queso cottage
Opción 3: 1 taza de té helado con limón

Cena
Opción 1: 1 plato de ensalada de lechuga, coles de Bruselas + 1 pieza mediana de lasaña con berenjena y tofu + patatas cocidas sin pelar 150 g
Opción 2: 1 plato de ensalada de rúcula con espárragos + 200 g de arroz integral
+ 1 filete de pollo con mostaza
Opción 3: 200g de ensalada de garbanzos con vinagreta + 1 plato de konhaku de shirataki (Fideos Japoneses) con 1 cucharadita de salsa de soja + 1 filete de merluza asada

Cena
Opción 1: 1 taza de jugo de piña con menta + 1 taza de té de jengibre y canela + 1 unidad de queso fundido
Opción 2: 3 rebanadas de jamón + 1 taza de porridge con pollo  + 2 huevos de codorniz
Opción 3: un pote de yogur de frutas con queso fresco rebanado + 1 unidad de yogur líquido

Fase 4: Estabilización

Bueno, desde aquí nada está prohibido – usted puede tener una dieta normal. Pero una vez a la semana, habrá un día para repetir la fase de menú 1, sólo proteínas (toda tu vida). Es el secreto para no engordar de nuevo. Otra recomendación es adoptar el consumo diario de tres cucharadas de salvado de trigo y avena. Estos son los alimentos que garantizan una buena dosis de fibra soluble esencial para satisfacer y mantener el intestino sano, que también es estratégica para que usted pueda dejar de luchar con su peso.

Debe ser dividida en seis comidas al día ricas en fibra y beber un montón de líquidos (por lo menos 1,5 litros por día).

 Recomendaciones:

•  Las comidas son 3 en 3 horas;
• Fomentar la actividad física;
• Aumentar la ingesta de líquidos (mínimo 1,5 litros al día);
• Ingiera papilla de ciruela (1 cucharada dos veces al día) o un jugo laxante;
• Aumentar el consumo de alimentos ricos en fibra: verduras crudas y cocidas, papaya, naranja, bagazo, ciruela, piña, aguacate, harina de avena, salvado de trigo y germen de trigo;
• Evitar el consumo de harina de maíz, crema de arroz, harina de maíz y arrocina;
• Consumir de yogur o leche fermentada.

 Papilla de ciruela

Ingredientes

15-ciruelas negras

2 tazas de agua

2 cucharadas (sopa) llena de aceite de maíz o girasol

Azúcar a gusto

Preparación:

Cocer las ciruelas en agua. Al ablandarse, aplastar o cortar las ciruelas hasta convertirlas en una pasta. Mezclar con el aceite. Como alternativa, use la licuadora. Endulzar a gusto.

Nota: se puede almacenar en el refrigerador hasta por 7 días.

Rendimiento: 7 porciones de 100 ml

 Jugo Laxante

 Ingredientes:

4-5 unidades ciruela negra

½ unidad de papaya o 1 rebanada de Papaya Formosa

2 tazas de agua

1 bagazo de naranja

Preparación:

Deje las ciruelas en remojo durante 12 horas en una taza de agua. Moler las ciruelas suavizando con los ingredientes restantes. Beber el jugo en la noche, después de la última comida.

Estos elementos definen un grupo de cabeceras y pies de página.

• article
• aside
• nav
• section

Básicamente, son elementos que juntan grupos de textos en el documento.

Heading content

Los elementos de la categoría Heading definen una sección de encabezados, que pueden estar contenidos en un elemento de la categoría Sectioning.

• h1
• h2
• h3
• h4
• h5
• h6
• hgroup

Phrasing content

Hacen parte de esta categoría elementos que marcan el texto del documento, así como los elementos que marcan este texto dentro del elemento del párrafo.

• a
• abbr
• area (si fuera descendiente de un elemento del mapa)
• audio
• b
• bdo
• br
• button
• canvas
• cite
• code
• command
• datalist
• del (si el contuviera un elemento de la categoría de Phrasing)
• dfn
• em
• embed
• i
• iframe
• img
• input
• ins (si el contuviera un elemento de la categoría de Phrasing)
• kbd
• keygen
• label
• link (si el atributo itemprop fuera utilizado)
• map (si el contuviera un elemento de la categoría de Phrasing)
• mark
• math
• meta (si el atributo itemprop fuera utilizado)
• meter
• noscript
• object
• output
• progress
• q
• ruby
• samp
• script
• select
• small
• span
• strong
• sub
• sup
• svg
• textarea
• time
• var
• video
• wbr
• Text

Embedded content

En la categoría Embedded, hay elementos que importan otra fuente de información para el documento.

• audio
• canvas
• embed
• iframe
• img
• math
• object
• svg
• video

Interactive content

Los Interactive content son elementos que forman parte de la interacción del usuario.

• a
• audio (si el atributo control fuera utilizado)
• button
• details
• embed
• iframe
• img (si el atributo usemap fuera utilizado)
• input (si el atributo type no tiene el valor hidden)
• keygen
• label
• menu (si el atributo type tiene el valor toolbar)
• object (si el atributo usemap fuera utilizado)
• select
• textarea
• video (si el atributo control fuera utilizado)

Algunos elementos de HTML pueden ser activados por un comportamiento. Esto significa que el usuario puede activarlo de alguna forma. El inicio de secuencia de eventos depende del mecanismo de activación y normalmente culmina en un evento de clic seguido por DOMActivate.

El user-agent permite que el usuario active manualmente el elemento que tiene este comportamiento mediante un teclado, mouse, comando de voz, etc.

Entre todas las categorías de modelos de contenido, existen dos tipos de elementos: elementos de línea y de bloque.

Los elementos de línea marcan, en su mayoría de las veces, texto. Algunos ejemplos: a, strong, em, img, input, abbr, span.

Los elementos de bloque son como cajas que dividen el contenido en secciones de layout.

A continuación siguen algunas premisas que Usted necesita saber y recordar:

• Los elementos de línea pueden contener otros elementos de línea, dependiendo de la categoría se encuentren. Por ejemplo, el elemento a no puede contener el elemento label.
• Los elementos de línea no puede contener elementos de bloque.
• Los elementos de bloque siempre pueden contener elementos de línea.
• Los elementos de bloque pueden contener elementos de bloque, dependiendo de la categoría en que se encuentre. Por ejemplo, un párrafo no puede contener una DIV. Sin embargo, la inversa es posible.

Estos dos grupos se pueden dividir en categorías. Estas categorías dicen cual modelo de contenido o elemento trabaja y cómo puede ser su comportamiento.

Categorías

Cada elemento en el código HTML puede o no ser parte de un grupo de elementos con características similares. Las categorías están a continuación. Vamos a mantener los nombres de las categorías en Inglés para permitir una mejor comprensión:

• Metadata content

• Flow content

• Sectioning content

• Heading content

• Phrasing content

• Embedded content

• Interactive content

A continuación se presentan las categorías de acuerdo con la WHATWG:

Metadata content

Los elementos que componen la categoría de metadatos son:

• base
• command
• link
• meta
• noscript
• script
• style
• title

Este contenido está antes de la presentación, formando una relación con el documento y su contenido con otros documentos que distribuyen información por otros medios.

Flow content

La mayoría de los elementos utilizados en el body y aplicaciones son categorizados como Flow Content. Ellos son:

• a
• abbr
• address
• area (Si desciende de un elemento del mapa)
• article
• aside
• audio
• b
• bdo
• blockquote
• br
• button
• canvas
• cite
• code
• command
• datalist
• del
• details
• dfn
• div
• dl
• em
• embed
• fieldset
• figure
• footer
• form
• h1
• h2
• h3
• h4
• h5
• h6
• header
• hgroup
• hr
• i
• iframe
• img
• input
• ins
• kbd
• keygen
• label
• link (Si se utiliza el atributo intemprop)
• map
• mark
• math
• menu
• meta (Si se utiliza el atributo intemprop)
• meter
• nav
• noscript
• object
• ol
• output
• p
• pre
• progress
• q
• ruby
• samp
• script
• section
• select
• small
• span
• strong
• style (Si se utiliza el atributo scoped)
• sub
• sup
• svg
• table
• textarea
• time
• ul
• var
• video
• wbr
• Text

Como regla, los elementos que su modelo de contenido permite insertar cualquier elemento que encaja en Flow Content, debe tener al menos un texto descendiente de texto o un elemento descendiente que sea parte de la categoría embedded.

1 <!DOCTYPE HTML>

2 <html lang=”es-AR”>

3 <head>

4 <meta charset=”UTF-8”>

5 <link rel=”stylesheet” type=”text/css” href=”estilo.css”>

6 <title></title>

7 </head>

8 <body>

9

10 </body>

11 </html>

El DOCTYPE

El Doctype debe ser la primera línea de código antes de la etiqueta del documento HTML.

<! DOCTYPE html!>

El DOCTYPE indica al navegador y a otros medios cual es la especificación de código a utilizar. En versiones anteriores, era necesario hacer referencia a la DTD directamente en código del DOCTYPE. Con HTML5, la referencia por el cual DTD utilizar es responsabilidad del navegador.

El DOCTYPE no es una etiqueta HTML, pero es una instrucción para el navegador que contiene información sobre la versión del código de marcación en el que fue escrito.

El elemento HTML

El código HTML es una serie de elementos en árbol en donde algunos elementos son hijos de otros y así sucesivamente. El elemento principal de este gran árbol es siempre el tag HTML.

<html lang=”es-ar”>

El atributo LANG es necesaria para los user-agents sepan cual es el lenguaje principal del documento.

Recuerde que el atributo LANG no se limita al elemento HTML, que puede ser utilizado en cualquier otro elemento para indicar el idioma del texto representado.

Para encontrar una lista de códigos de idiomas, visite: http://www.w3.org/International/questions/qa-choosing-language-tags.

HEAD

La Tag HEAD es donde se esta toda la parte inteligente de la pagina. En el HEAD están los metadatos. Los metadatos son información sobre la página y el contenido allí publicado.

Metatag Charset

En nuestro ejemplo, hay una etiqueta meta responsable de decir cual tabla de caracteres esta utilizando la página.

<meta charset=”utf-8″>

En las versiones anteriores a HTML5, esta tag era escrita de la forma que se muestra abajo:

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>

Esta antigua forma también será soportada en HTML5. Sin embargo, lo mejor es que utilices la nueva forma.

La Web es accesada por gente del mundo entero. Tener un sistema o un sitio que limite el acceso y la gente de otros países es algo que va contra la tradición y los ideales de internet. Por lo tanto, una tabla ha sido creada que suple estas necesidades, esta tabla se llama Unicode. La tabla Unicode soporta algo entorno del millón de caracteres. Ahora en vez de que cada región tenga su tabla de caracteres, es mucho más sensato que haya una tabla madre predeterminada con tantos caracteres como sea posible. En la actualidad la mayoría de los sistemas y navegadores utilizados por los usuarios son totalmente compatibles con Unicode. Por lo tanto, hacer que su sistema sea Unicode se asegura de que será bien visualizado aquí, o en la China o en cualquier otro lugar del mundo.

Lo qué Unicode hace es suministrar un número único para cada carácter, sin importar la plataforma, ni el programa ni el idioma.

Tag LINK

Hay dos tipos de enlaces en HTML: el tag A, que son enlaces que llevan al usuario a otros documentos y el tag LINK, que son enlaces a fuentes externas que se utilizan en el documento.

En nuestro ejemplo, hay una tag LINK que importa el CSS a nuestra página:

<link rel=”stylesheet” type=”text/css” href=”estilo.css”>

El atributo rel = “stylesheet” indica que este link es relativo al importación de un archivo referente a hojas de estilo.

Hay otros valores para el atributo REL, como por ejemplo el ALTERNATE:

<link rel=”alternate” type=”application/atom+xml” title=”feed” href=”/feed/”>

En este caso, indicamos a los user-agents que el contenido del sitio pueden encontrarlo en una ruta alternativa a través de Atom FEED.

En HTML5 hay otros links relativos que usted puede insertar el  rel=”archives” que indica una referencia a una colección de material histórico de la página. Por ejemplo, la página de histórico de un blog puede ser referenciada en esta tag.

Actualmente Webkit es el motor más compatible con los estándares HTML5. A medida que Apple tiene interés en que sus dispositivos sean ultracompatibles con las Normas, se ha hecho un gran trabajo de actualización y avance de la compatibilidad de este motor.

Sin embargo, Firefox y Opera son ya ampliamente compatible con la especificación de HTML5 y CSS3 y todas las mejoras que aportan los estándares más nuevos y actualizados.

Lo que puede preocupar de verdad es la compatibilidad hacia atrás con versiones antiguas de navegadores como Internet Explorer. Microsoft está haciendo un buen trabajo con IE9, pero las versiones 8 y 7  casi no tienen apoyo a HTML5, que es un problema grave para las aplicaciones web basadas en las últimas tecnologías, más aun sabiendo que hay una gran base de usuarios que utilizan versiones antiguas Internet Explorer.

A continuación se muestra una tabla simple de compatibilidad entre navegadores y algunos módulos de HTML5:

Técnicas detección

Puede ser que el usuario no utilice un navegador que soporte HTML5. En este caso, se puede redirigir a una versión más simple del sitio, o tal vez sólo mostrará un mensaje de alerta al usuario acerca de la importancia de actualizar el navegador. Para ello contamos con algunas técnicas detección para comprobar si el navegador soporta HTML5.

Cuando el explorador visita un sitio web, se crea una colección de objetos que representan los elementos HTML de la página. Cada elemento del código está representado en el DOM como un objeto diferente. Cada objeto DOM tiene propiedades en común, pero algunos objetos tienen características específicas. Vamos a utilizar estos objetos para hacer la detección. A continuación hayo 4 medios que usted puede utilizar para detectar la compatibilidad con exploradores:

1. Comprobar si una determinada propiedad existe en los objetos globales o WINDOW o el NAVIGATOR. En este caso, nos verificamos que hay soporte para la geolocalización.
2. Crear un elemento y comprobar si existe una determinada propiedad en este elemento.
3. Crear un elemento y comprobar si un determinado método existe en este elemento, a continuación, llamar al método y comprobar si el valor retorna. Por ejemplo, la prueba de que formatos de vídeo son soportados.
4. Crear un elemento y establecer un atributo con un valor determinado, a continuación, comprobar si el atributo admite este valor. Por ejemplo, cree una input y compruebe qué types son soportados.

Usando Modernizr

El Modernizr (http://www.modernizr.com/) es una biblioteca de detección que permite comprobar el soporte de la mayoría de las características de HTML5 y CSS3.

El Modernizr se ejecuta automáticamente una vez que se agrega al head(encabezado) del documento. Así, si usted quiere comprobar si el navegador soporta geolocalización, por ejemplo, sólo tiene que insertar este script en la página. Si el navegador soporta la prestación probada, devuelve true:

if (Modernizr.geolocation) {

/ / Acepta característica

} else {

/ / No acepta la característica testeada.

}

Anteriormente, para que una nueva versión de HTML o CSS fuese lanzada, todas las ideas que figuran en las especificaciones debían ser testeadas y desarrolladas para luego ser publicadas para el uso de navegadores y desarrolladores.

Este método fue cambiado con el lanzamiento de HTML5 y CSS3. A partir de ahora, las dos tecnologías se dividen en módulos. Esto significa que la comunidad de desarrolladores y fabricantes de navegadores no tienen que esperar para que todo el patrón esté escrito y publicado para utilizar las novedades del lenguaje.

Las propiedades de CSS3, por ejemplo, se dividieron en grupos pequeños. Hay un grupo cuidando la propiedad Background, otra de la propiedad Border, otras de las propiedades de texto y así sucesivamente. Cada uno de estos grupos es independiente y pueden lanzar sus novedades en cualquier momento. Pronto, el desarrollo web se hizo más dinámico, con novedades más constantes.

La desventaja de este formato es que los problemas de compatibilidad pueden ocurrir más a menudo. Por ejemplo, un navegador puede adoptar bordes redondeados y otro no. O un navegador soportar una API diferente que puede apoyar una API que la competencia implemento. Sin embargo, los navegadores han mostrado gran interés en mantenerse al día con sus competidores.

Motores de renderización

Hay una gran diversidad de dispositivos de acceden a Internet. Entre ellos, hay una serie de tabletas, teléfonos inteligentes, ordenadores y etc. Cada uno de estos medios de acceso utilizan un determinado navegador(browser) en particular para navegar por la web. No hay como los desarrolladores mantengan un buen nivel de compatibilidad con todos los navegadores teniendo en cuenta la particularidad de cada uno. Una manera más segura de mantener el código compatible, es nivelar el desarrollo de motores de renderizado. Cada navegador utiliza un motor de renderizado que se encarga de procesar el código de la página.

A continuación se muestra una lista de los principales navegadores y sus motores:

Motor: Navegador

Webkit: Safari, Google Chrome

Geco:Firefox, Mozilla, Camino

Tridente: Internet Explorer 4-9

Presto: Opera 7 al 10

Es interesante que Usted haga código compatible con estos motores. Centrándose en la compatibilidad en los motores de renderizado se llega a un mayor número de navegadores.

Por ejemplo, si su código se ejecuta en Webkit, llegará a Safari y Chrome, dos de los principales navegadores en el mercado para equipos de sobremesa. Por otra parte, también llegara a dispositivos como Blackberry, iPhone, iPod Touch, iPad y dispositivos con Android.

Mientras que el W3C centró su atención en la creación de la segunda versión de XHTML, un grupo llamado el Web Hypertext Application Technology Working Group o WHATWG trabajaba en una nueva versión del HTML que traería una mayor flexibilidad a la producción de sitios web y sistemas basados en la web.

El WHATWG (http://www.whatwg.org/) fue fundada por los desarrolladores de empresas como Mozilla, Apple y Opera en 2004. Ellos no estaban contentos con el camino que la Web tomaba ni con la dirección dada al XHTML. Por lo tanto, estas organizaciones se juntaron para escribir lo que se llamaría hoy HTML5.

Entre otros temas que el WHATWG se enfocaría estaba Web Forms 2.0 que fue incluido en HTML5 y Web Controls 1.0 que fue abandonado por el momento.

La pertenencia a este grupo es gratuita y puede suscribirse su lista de correo para contribuir.

Para el año 2006, el trabajo de la WHATWG paso a ser conocido por el mundo y en especial por el W3C – que hasta entonces trabajaban separadamente – que reconoció todo el trabajo del grupo. En octubre de 2006, Tim Berners-Lee ha anuncio que trabajarían en conjunto con la WHATWG en la producción de HTML5 en lugar de XHTML 2. Sin embargo XHTML continuaría siendo mantenido en paralelo  de acuerdo a cambios causados en HTML. Finalmente el XHTML 2 fue descontinuado en 2009.

HTML5 y sus cambios

Cuando el HTML4 fue lanzado, el W3C advirtió a los desarrolladores acerca de algunas buenas prácticas que se deben seguir para producir códigos client-side. Desde entonces, cuestiones tales como la separación de la estructura del código con el formato y principios de accesibilidad fueron traídos a discusion y la atención por parte de los fabricantes y desarrolladores.

Sin embargo, HTML4 no ha traído verdadera diferencia en la semántica del código. HTML4 no también mo facilitaba la manipulación de los elementos a través de Javascript o CSS. Si desea crear un sistema con la posibilidad de arrastrar y soltar elementos, era necesario crear un gran script, con bugs y muchas veces no funcionaba igual en todos los navegadores.

¿Qué es el HTML5?

HTML5 es la nueva versión de HTML4. Mientras que el WHATWG define las reglas de marcacion que utilizamos en HTML5 y XHTML, ellos también definen las APIs que forman la base de la arquitectura web. Esas APIs se conocen como DOM Level 0.

Un objetivo importante de HTML5 es facilitar la manipulación del elemento que permite al desarrollador modificar las características de los objetos de una manera no intrusiva y de manera transparente para el usuario final.

A diferencia de versiones anteriores, HTML5 proporciona herramientas para CSS y Javascript para que hagan su trabajo de la mejor manera posible. HTML5 permite por medio de sus APIs la manipulación de las características de estos elementos, de manera que el sitio web o la aplicación continúe ligera y funcional.

HTML5 también crea nuevas tags(etiquetas) y modifica la función de otras. Las versiones antiguas de HTML no contenía una norma universal para la creación de secciones comunes y específicas como encabezado pie de página, barra lateral, menús, etc. No había una norma de nomenclatura de IDs, clases o tags. No había un método para capturar automáticamente la información que se encuentra en los pies de página de los sitios web.

Hay otros elementos y atributos que su función y significado han cambiado y ahora pueden volver a utilizarse más eficazmente. Por ejemplo, elementos como B o I que fuerion descontinuados en versiones anteriores de HTML ahora asumen funciones diferentes y entregan más significado para los usuarios.

El HTML5 cambia nuestra forma de escribir código y organizar la información en la página. Sería más semántico con menos código. Sería más interactividad sin la necesidad de instalar plugins y pérdida de rendimiento. Es la creación de código interoperable, listo para futuros dispositivos y facilita la reutilización de la información de varias formas.

El WHATWG ha mantenido el enfoque para mantener la compatibilidad con versiones anteriores. Ningún sitio debe ser completamente remodelado para adaptarse a los nuevos conceptos y reglas. HTML5 está siendo creado para ser compatible con los navegadores más recientes, lo que permite el uso de las nuevas funciones de inmediato.

Desde el comienzo el HTML fue diseñado para ser un lenguaje independiente de las plataformas, los navegadores y otros medios de acceso. Interoperabilidad significa menos costo. Usted crea apenas un codigo HTML y este codigo puede ser leído por diversos medios, en lugar de diferentes versiones para diferentes dispositivos. Así, se evita que la web fuese desarrollada en una base propietaria con formatos incompatibles y limitados.

Así que el HTML fue desarrollado para que esta barrera fuese superada, por lo que la información publicada a través de este código será accesible por otros medios y dispositivos con características diferentes, sin importar el tamaño de la pantalla, la resolución, la variación de color. dispositivos para personas con problemas visuales o auditivos o dispositivos móviles y portátiles. El HTML debe entenderse universalmente, dando la posibilidad de reutilización de esta información de acuerdo con las limitaciones de cada medio de acceso.