¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Buscar
 
 

Resultados por:
 


Rechercher Búsqueda avanzada

Redes Sociales
Últimos temas
» El foro esta muerto
Nuevas etiquetas HTML5 y DOCTYPE EmptyMiér Oct 22, 2014 5:55 pm por dartabasit

» Actualizaciones en el DartEditor
Nuevas etiquetas HTML5 y DOCTYPE EmptyVie Abr 20, 2012 10:01 pm por PiloSoft

» Un Programa Básico Dart
Nuevas etiquetas HTML5 y DOCTYPE EmptyMiér Abr 18, 2012 4:26 pm por dk23

» Boletin Semanal Del Equipo Dart (13/04/2012)
Nuevas etiquetas HTML5 y DOCTYPE EmptyVie Abr 13, 2012 3:59 pm por PiloSoft

» Festival Latinoamericano De Instalacion De Software Libre
Nuevas etiquetas HTML5 y DOCTYPE EmptyJue Abr 12, 2012 1:49 pm por PiloSoft

» La depuración habilitada para el Editor de Dart, más vivo edición de CSS
Nuevas etiquetas HTML5 y DOCTYPE EmptyJue Abr 12, 2012 12:44 pm por PiloSoft

» Hola Mundo
Nuevas etiquetas HTML5 y DOCTYPE EmptyMar Abr 10, 2012 11:46 pm por ckrattoz

» Guia Del Estilo Dart
Nuevas etiquetas HTML5 y DOCTYPE EmptyMar Abr 10, 2012 11:43 pm por PiloSoft

» Traductor de JavaScript a Dart
Nuevas etiquetas HTML5 y DOCTYPE EmptyDom 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 ]


El record de usuarios en línea fue de 140 durante el Sáb Abr 07, 2012 11:25 pm

Nuevas etiquetas HTML5 y DOCTYPE

Ir abajo

Nuevas etiquetas HTML5 y DOCTYPE Empty Nuevas etiquetas HTML5 y DOCTYPE

Mensaje por kelevra23 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

Nuevas etiquetas HTML5 y DOCTYPE Estructura-tema-html5-500x250

<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

Volver arriba Ir abajo

Volver arriba


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