Buscar
Últimos temas
¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado Ninguno
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
Página 1 de 1.
Nuevas etiquetas HTML5 y DOCTYPE
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
Con el uso de las nuevas etiquetas quedara asi
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
HTML5 ha simplificado el uso de DOCTYPE al usar solamente
Como vemos HTML5 esta cambiando y simplificando el desarrollo web
HTML5 es el presente de la Web
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
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
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