• Author / Uploaded
• Juan Pablo

• Categories
• HTML
• HTML5
• Ingeniería de software
• Consorcio Mundial de la red
• Estándares web

Citation preview

---

UNIVERSIDAD MAYOR DE SAN ANDRÉS FACULTAD DE INGENIERIA CARRERA: Ingeniería Electrónica

Trabajo de investigación:

Similitudes y diferencias de HTML5 respecto de HTML tradicional

Institución: Instituto de Electrónica Aplicada IEA-UMSA Estudiante: Univ. Juan Pablo Patón Mamani

LA PAZ – BOLIVIA I/2016

Similitudes y diferencias entre HTML y HTML5 1 Objetivo Encontrar las similitudes y diferencias entre html tradicional y html5

1.1 Objetivos específicos Efectuar una comparación entre dos páginas, una escrita en html tradicional y otra en html5. Ver las características y equivalentes en el documento paralelo. Realizar un diseño de página con html tradicional y con html5 y ver las características de ambos tomando en cuenta las observaciones de la anterior actividad.

2 Desarrollo Modificación del tipo de definición de documento En la etiqueta de apertura html tradicional se usa un comentario tipo DOCTYPE (tipo de documento) que se declara público y se relaciona con el DTD (Documento Type Definition) caracterizando a la página y enlazándola a validación. En esta caso es xhtml o html dinamico estricto.

Tambien se especifica en la etiqueta de apertura de html el tipo, el tipo de lenguaje y que lleva xml embebido según la especificación de la w3c.

En el documento de html5 se sobreentiende esta especificación. Y solo es necesario establecer el lenguaje de la página en la etiqueta de apertura. Modificación a la definición de metadatos Existe una variación en cuanto a la definición de los metadatos de la cabecera en un archivo html respecto de html5. En el primero se requiere aclarar todo en una cadena de texto como valor fijado para el atributo httpequiv. Para html5 solo se requiere la especificación del tipo de acojetamiento en el atributo charset según el tipo de codificación de la región en la que se accederá a la página solicitada.

Reemplazado por:

Contenedores div reemplazados por header

La etiqueta header crea un contenedoren lugar de div para encabezado de pagina html.

cambio por:

Artículos y encabezados Dentro de contenedores tipo header se sitúan contenedores tipo hgroup. Por otra parte se controla los contenidos mediante en lugar de usar en lo menus de cabecera de usuario.

cambio por:

Los artículos se incluyen como se hace en un diario, un encabezado principal y artículos con encabezados y contenido, similar a los que se hace con un periódico dividido de forma escalonada. Contenedores tipo pie de pagina Se sitúan en el documento pie de página mediante contrario a la anterior división de bloques de contenido mediante .

cambio por:

/** * @author Juan Pablo PM * @copyright 2016 */ --!>

Formulario HTML

Formulario de datos personales

Nombres y Apellidos:
Correo Electrónico:
Telefono:
Dirección Particular:
Pais:	BoliviaBrazil ChileCubaPeru

Se generó la siguiente interfaz en el navegador:

3 Conclusiones Se ha comparado ambas páginas y se la identificado las principales características de ambas en cuanto al manejo de sus etiquetas. Uno de los detalles relevantes fue la sustitución de contenedores tipo div por contenedores dedicados a los encabezados, en los artículos y pie de página como un documento común de texto. Se ha logrado obtener la misma interfaz en ambos tipos y se puede apreciar que cambia el tipo de organización del documento en su estructura la presentación no mostro cambios notables pero internamente tiene una organización distinta.