SMSSSSNSSPMPIMIGESSHHOO RISD SSSSSESISLELLEA PIT AQ,
ORGANIZACION INTERAMERICANA DE ESTUDIOS
Area Informatica
Las nuevas etiquetas
El lenguaje HTML funciona a través demarcas de sentido llamadas
etiquetas. Las etiquetas son la herramienta fundamental para que los
navegadores puedan interpretar el cédigo y permitirnos ver imagenes,
texto, parrafo, y estructuras. Los navegadores vendrian a ser como
"traductores" de las etiquetas, y con HTMLS5, se agregan nuevas
etiquetas para utilizar que nos ahorran el uso de otros productos que se
usaban para complementar y hacer cosas que con el simple HTML no se
podian hacer. HTMLS fue creado para hacer que el proceso de escribir el
cédigo sea mas simple y més Idgico, por decirlo de una forma.
La sintaxis de HTMLS se destaca, como dijimos, en el ambito multimedia,
pero son bastantes las etiquetas introducidas para generar una mejoria
La idea detrds de HTML5 es que podamos visualizar el contenido
multimedia variado que podemos encontrar en internet atin cuando nos
encontramos en dispositivos de gama baja que no podrian soportarlo
cuando tienen que instalar infinidad de plug-ins. No solamente contamos
con etiquetas especiales como audio, video y canvas, sino también
integracién con contenidos de graficos en vectores (que anteriormente se
conocia como la etiqueta object. Con estas etiquetas, los usuarios pueden
consumir videos y canciones, por ejemplo, sin necesidad de instalar nada
de forma adicional.
Las més importantes de las nuevas etiquetas creadas son:
> article: esta etiqueta sirve para definir un articulo, un
comentario de usuario 0 una publicacién independiente dentro
del sitio.
> header, footer: estas etiquetas individuales ahorran tener que
insertar IDs para cada uno, como se solia hacer anteriormente.
Ademés, se pueden insertar headers y footers para cada
secci6n, en lugar de tener que hacerlo Unicamente en general.
> nav: la negacién puede ser insertada directamente en el
markup, entre estas etiquetas, que nos permitiran hacer que
nuestras listas oficien de navegaci6n.
> section: con esta-etiqueta, una de las més importantes de las
novedades, se puede definir todo tipo de secciones dentro de
un documento. Por ponerlo de forma sencilla, funciona de unaOS ASS SSELA LASS SOCVRCRRRR SR RECSORR REDD RED y,
ORGANIZACION INTERAMERICANA DE ESTUDIOS
Area Informatica
forma similar a la etiqueta div que nos separa también
diferentes secciones.
> audio y video: estas son las dos més importantes etiquetas de
HTMLS, dado que nos permiten acceder de forma mas simple a
contenido multimedia que puede ser reproducido por casi
todo tipo de dispositivos; marcan el tipo de contenido que
estara en su interior.
> embed: con esta etiqueta se puede marcar la presencia de un
contenido interactivo o aplicacién externa.
> canvas: finalmente, esta etiqueta nos permite introducir un
“lienzo” dentro de un documento, para poder dibujar graficos
Por vectores; sera necesario el uso de JavaScript.
Hay otras etiquetas inauguradas por HTMLS pero destacamos estas por la
innovacién que introducen en nuestro cédigo. Las etiquetas a las que
estébamos acostumbrados, por otro lado, introducen un nuevo
funcionamiento. El caso ejemplo es el de las etiquetas header y footer,
que, como dijimos, ahora permiten separar las secciones, y no solamente
el comienzo y el fin de una pagina. EI funcionamiento
del DOCTYPE también se renueva, siendo mucho mas simple de usar y
menos engorroso. No vamos a explayarnos demasiado en este sentido,
dado que, como dijimos, nos estamos orientando a principiantes y
curioso, pero con HTMLS vamos a poder escribir mucho menos.
Ya repasamos qué es HTMLS, y cudles son sus usos principales y sus
innovaciones més importantes. Para los disefiadores, es algo que deberia,
y de hecho, ya se esta haciendo, implementarse inmediatamente. Las
posibilidades son muchas. Esperamos poder haber aclarado algunas
dudas importantes, 0 haber despertado algo de curiosidad para que
averigiien mas.VVDIRDNVREVA I Od ddd dads debs ee dIT
VUNAVRVEOSS
ORGANIZACION INTERAMERICANA DE ESTUDIOS
Area Informatica
Etiquetas HTML
Elemento raiz
Elemento + Descripcion
Sldoctype htmI> Define que el documento esta bajo el estandar de HTML 5
Elemento Descripcién
Representa la ralz de un documento HTML 0 XHTML. Todos los demas
elementos deben ser descendientes de este elemento.
Metadatos del documento
Elemento Descripcion
Representa una coleccién de metadatos acerca del documento, incluyendo
enlaces a, 0 definiciones de, scripts y hojas de estilo.
Define el titulo del documento, el cual se muestra en la barra de titulo del
navegador o en las pestafias de pdgina. Solamente puede contener texto y
‘cualquier otra etiqueta contenida no seré interpretada.
—_Define la URL base para las URLs relativas en la pagina.
—_Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
Define los metadatos que no pueden ser definidos usando otro elemento
tM.