Buscar
 
 

Resultados por:
 


Rechercher Búsqueda avanzada

Redes Sociales
Últimos temas
» El foro esta muerto
Miér Oct 22, 2014 5:55 pm por dartabasit

» Actualizaciones en el DartEditor
Vie Abr 20, 2012 10:01 pm por PiloSoft

» Un Programa Básico Dart
Miér Abr 18, 2012 4:26 pm por dk23

» Boletin Semanal Del Equipo Dart (13/04/2012)
Vie Abr 13, 2012 3:59 pm por PiloSoft

» Festival Latinoamericano De Instalacion De Software Libre
Jue Abr 12, 2012 1:49 pm por PiloSoft

» La depuración habilitada para el Editor de Dart, más vivo edición de CSS
Jue Abr 12, 2012 12:44 pm por PiloSoft

» Hola Mundo
Mar Abr 10, 2012 11:46 pm por ckrattoz

» Guia Del Estilo Dart
Mar Abr 10, 2012 11:43 pm por PiloSoft

» Traductor de JavaScript a Dart
Dom Abr 08, 2012 8:56 pm por PiloSoft

¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 140 el Sáb Abr 07, 2012 11:25 pm.

Nuevas etiquetas HTML5 y DOCTYPE

Ver el tema anterior Ver el tema siguiente Ir abajo

Nuevas etiquetas HTML5 y DOCTYPE

Mensaje por kelevra23 el Dom Abr 08, 2012 4:18 pm

Nuevas etiquetas HTML5 y DOCTYPE

Hola amigos del foro, les comparto informacion acerca de las nuevas etiquetas basicas para el acomodo o diseño con las que cuenta HTML5 para definir mejor las secciones de una pagina web, respecto con lo que contaba HTML 4.1

Lo primero que hay que saber es que lo que normalmente se hacia antes de que aparecieran estas etiquetas de HTML5 era crear algun contenedor y asignarles un id o una clase para despues acomodarlo con CSS, pero ahora que contamos con los nuevos tags este trabajo se facilita ya que ademas de que solamente se buscara en el DOM como un tag, estas etiquetas permiten que navegadores actuales y los dispositivos moviles reconoscan con mayor facilidad las partes de nuestra pagina web

Un ejemplo de lo que se hacia antes era

Código:
<div id="header">...</div>
<div id="footer">...</div>

Con el uso de las nuevas etiquetas quedara asi

Código:
<header>...</header>
<footer>...</footer>

Como veran se facilita la identificacion de los contenedores



<header>: Define la cabecera de la pagina web o de alguna seccion de la pagina
<nav>: Define el menu con que contara una pagina web
<article>: Define un contenido estatico como un comentario de un foro o alguna entrada a algun blog, etc.
<section>: Define una agrupación temática de contenidos
<aside>: Define notas al pie, citas, anotaciones y los mas tipicos contenido secundario laterales
<footer>: Define el pie de pagina de la pagina web o de alguna seccion de la pagina


Algo importante que se debe señalar de HTML5 es el nuevo DOCTYPE que es la declaracion del tipo de documento que sirve para que el navegador pueda saber como debe interpretar el codigo que se encuentra en el archivo ya sea .html, .php, .xhtml, etc.

Una declaracion tipica de DOCTYPE era la siguiente

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5 ha simplificado el uso de DOCTYPE al usar solamente

Código:
<!DOCTYPE HTML>

Como vemos HTML5 esta cambiando y simplificando el desarrollo web

HTML5 es el presente de la Web

kelevra23

Mensajes : 2
Fecha de inscripción : 08/04/2012

Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.