1. Instituto tecnológico de nor-oriente
ITECNOR
Perito en industria alimentaria
Informática II
ING. Dubley omar Sandoval
HTML
Valle Aldana, Paola Michell
Tista Sánchez, Edgar Ezequiel
5to Sección “B”
25/02/2015
Llanos de la fragua
Zacapa
2. ¿Qué es HTML5?
HTML, siglas de HyperText Markup Language («lenguaje de marcas de
hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas
web. Es un estándar que sirve de referencia para la elaboración de páginas web en
sus diferentes versiones, define una estructura básica y un código (denominado
código HTML) para la definición de contenido de una página web, como texto,
imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a
la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo
referente a su escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir
un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se
incrusta directamente en el código de la página, sino que se hace una referencia a
la ubicación de dicho elemento mediante texto. De este modo, la página web
contiene sólo texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido
diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo
de páginas web compatibles con distintos navegadores y plataformas (PC de
escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para
interpretar correctamente una nueva versión de HTML, los desarrolladores de
navegadores web deben incorporar estos cambios y el usuario debe ser capaz de
usar la nueva versión del navegador con los cambios incorporados. Normalmente
los cambios son aplicados mediante parches de actualización automática (Firefox,
Chrome) u ofreciendo una nueva versión del navegador con todos los cambios
incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador
no actualizado no será capaz de interpretar correctamente una página web escrita
en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas
veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir
problemas de visualización e incluso de interpretación de código HTML. Así mismo,
las páginas escritas en una versión anterior de HTML deberían ser actualizadas o
reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún
mantienen la capacidad de interpretar páginas web de versiones HTML anteriores.
Por estas razones, aún existen diferencias entre distintos navegadores y versiones
al interpretar una misma página web.
3. Evolución de HTML5
Como ya sabrás, las definiciones oficiales de las distintas versiones del html
emanan del w3c (World Wide Web Consortium). Este organismo viene a ser una
especie de "Academia de la Lengua" que establece los estándares del lenguaje, a
fin de hacer menos caótica la programación de las páginas web. Aunque no
siempre lo consigue. Veamos la evolución hasta ahora del html.
1989 Aparece el html, que pronto sufrió varias revisiones: html 2, html 3.2,
html 4 y el html 4.01
2000 Se presenta el Xhtml 1 como la evolución natural de un html que
debería dejar de usarse (a la vista está que no fue así).
2002 Se comienza a definir Xhtml 2, una actualización de Xhtml 1 con
varias mejoras semánticas pero sin compatibilidad regresiva; era realmente
un lenguaje nuevo.
2004 Se constituye el Web Hypertext Application Technology Working
Group (Whatwg), un grupo de trabajo nacido al margen del W3C con el
propósito de crear una nueva versión del estándar desde un punto de vista
destacadamente práctico, y no tan académico. Y es que siete años después
de que el W3C publicase las recomendaciones oficiales de Html 4.01 y
Xhtml 1, aún no había ningún consenso salido del W3C sobre el camino
que se debía seguir (¿lo habrá alguna vez?.
2007 el W3C reconoce el trabajo del Whatwg y lo toma como base para
proponer una nueva actualización del estándar.
2009 El w3c abandona definitivamente, y antes de terminar su desarrollo, el
Xhtml 2, y se concentra en definir html5. Desde entonces ha habido
bastante confusión sobre cómo debería ser el lenguaje para el futuro
desarrollo de la Web, y aún hoy no está nada claro.
La consecuenca de esta errática trayectoria del lenguaje ha sido que en el
ciberespacio hay páginas de todos los tipos posibles, y que los navegadores han
tenido que adaptarse a todas las versiones aparecidas, ya que casi nadie ha
abandonado su versión preferida ante la incertidumbre de cuál va a ser la buena, y
mucho menos se han reescrito las páginas ya creadas hace algún tiempo. Con el
tiempo, el W3C ha acabado aceptando de facto, que el xhtml (aunque
técnicamente en vias de extinción) sea una recomendación paralela que puede
coexistir con el html. ¿Cuantas veces va a haber que reescribir las páginas?
Al parecer, esta nueva versión se hace para intentar resolver, una vez más, los
viejos problemas de toda la vida, como por ejemplo, los contenidos multimedia y el
lío de los plug-ins. Para ello, se implementan nuevos elementos, como <video> o
<audio>, es decir, se pretende que sea el propio navegador el que sin necesidad
de plug-ins, activeX, ni elementos extraños al propio navegador, pueda reproducir
correctamente cualquier tipo de fichero, cosa que ya se intentó con el elemento
<object>. Pero este elemento lo único que facilitaba era la conexión con el
4. reproductor, no era un reproductor en sí mismo. Evidentemente, para que esta
idea funcione, será necesario definir un tipo de video y de audio al que convertir
cualquier otra fuente multimedia, siempre que sea compatible la conversión, claro.
Algo así como lo que hasta ahora se venía haciendo con Flash, pero con código
libre y abierto. ¿Puede ser el fin de Flash?
Tabla de etiquetas de HTML5
Elemento raíz
Etiqueta Descripción Atributos
!DOCTYPE tipo de documento (versión de xhtml empleada)
html engloba todo el documento
Metadatos
Etiqueta Descripción Atributos
head delimita el encabezado del documento
title
título del documento (se muestra en la barra de título del
navegador)
base / URI base para direcciones relativas
link / enlace a otros archivos (hoja de estilo, etc.)
meta / metainformación sobre el documento
style hoja de estilo incluida en el documento
Secciones
Etiqueta Descripción Atributos
body delimita el cuerpo del documento
article
section
nav
aside
h1 a h6 encabezado (de nivel 1 a 6)
header
footer
address dirección (información sobre el autor)
5. Contenido (bloque)
Etiqueta Descripción Atributos
p párrafo
hr / línea horizontal
pre texto preformateado
blockquote cita larga (que incluye varios párrafos)
ol lista ordenada
ul lista no ordenada
li elemento de lista (ordenada o no ordenada)
dl lista de definición
dt término en lista de definición
dd definición en lista de definición
figure
figcaption
div división
main
Texto (en línea)
Etiqueta Descripción Atributos
a hiperenlace
em énfasis
strong énfasis (mayor que <em>)
small texto pequeño
s
cite cita
q cita breve (que no requiere saltos de línea)
dfn definición
abbr abreviatura
data
time
code fragmento de código fuente de programa de ordenador
var variable (de programa de ordenador)
samp ejemplo de salida de programa de ordenador
kbd teclado
sub subíndice
6. sup superíndice
i texto en itálicas (cursiva)
b texto en negrita
u
mark
ruby
rb
rt
rtc
rp
bdi
bdo dirección de escritura
span fragmento de texto (elemento en línea)
br / salto de línea
wbr
Modificaciones
Etiqueta Descripción Atributos
ins texto insertado
del texto borrado
Contenido incrustado
Etiqueta Descripción
img / imagen
iframe marco incrustado en el documento
embed
object objeto
param / parametro para <objeto>
video
audio
source
track
map mapa de imagen
area / área en mapa de imagen
Tablas
Etiqueta Descripción Atributos
7. table tabla
caption leyenda de tabla
colgroup grupo de columnas
col columna
tbody cuerpo de tabla (grupo de filas)
thead cabecera de tabla (grupo de filas)
tfoot pie de tabla (grupo de filas)
tr fila
td celda
th celda de cabecera
Formularios
Etiqueta Descripción Atributos
form formulario
label etiqueta de un control
input / control (hay varios controles: texto, botón radio, etc)
button botón
select menú
datalist
optgroup grupo de opciones en un menú
option opción de menú
textarea área de texto
keygen
output
progress
meter
fieldset grupo de controles
legend leyenda de grupo de controles
Scripts
Etiqueta Descripción Atributos
script script
noscript contenido a mostrar en navegadores que no admiten <script>
template
canvas
Otros