Evidencias de la Actividad de Aprendizaje 3 - AP6

AP6-AA3-Ev4-Desarrollo cuestionario HTML5

EULICER CAMACHO MARTINEZ

(Aprendiz)

Ingeniero ALEXANDER DIAZ JIMENEZ

Instructor Líder de Ficha

Servicio Nacional de Aprendizaje SENA

Tecnología Análisis y Desarrollo de Sistemas de Información ADSI
Bucaramanga
2017
Introduction

Much has been said that HTML5 would replace many web standards and that it will become the
programming language of online sites of the future.

HTML5 is the newest version of Hypertext Markup Language (code in which websites are
programmed), and it changes the paradigms of development and web design that were had when
introducing notable tools like labels that allow the publication of audio files And video with supports
of different codecs; Tags for users to draw content in 2D and 3D; Changes in filling out forms; And
a much better semantic web exploited.

What is HTML5?

HTML5 is a markup language (in fact, the acronym for HTML stands for Hyper Text Markup
Language) used to structure and present content for the web.

How Did HTML5 Get Started?

Until a couple of years ago to be able to speak in depth about HTML it was necessary to dust books
and manuals written more than a decade ago. The markup language, which gives rise to all the web
pages in its fundamental structure, was abandoned and separated from innovation since the end of the
90s, reason why its use became more an obligation than a solution.

The introduction of XHTML, the adaptation of new patterns and the evolution of auxiliary languages
like JavaScript made this language to oxidize, surviving with labels and declarations that no longer
fit the needs of the web designer, leaving it only as part of the Internet history.

When everything pointed to the final death of this language comes HTML5, winning the contest to
XHTML and bringing back the standards with which the web started, providing new elements,
sections and tags that are seamlessly incorporated into the type of web pages that Are handled today.

HTML5 - New Features

One of the most important news is related to the insertion of multimedia in websites, which will now
have special HTML tags to be included. On the other hand, some aspects of design are also included
in the language, as well as some navigation details.

Thanks to HTML5, users can access websites offline, without being connected to the internet. It also
adds drag and drop functionality, as well as the online edition of documents widely popularized by
Google Docs. Geolocation is one of its strengths, but on the other hand, tags designed especially for
audio and video save the need for a Flash plug-in and, at the same time, deal a fatal blow to the
product. Adobe, which is increasingly being used less.

Browser Support for HTML5

With HTML5, browsers like Firefox, Chrome, Explorer, Safari and more can know how to display a
particular web page, know where the items are, where to put the images, where to place the text. In
this sense, HTML5 does not differ too much from its HTML predecessor. The main difference,
however, is the level of sophistication of the code that we can build using HTML5.

HTML5 References

With the use of HTML5, you can reduce the dependency of the plug-ins that we have to have installed
to be able to see a certain web. Case emblematic, that of Adobe Flash, which is clearly harmed by the
introduction of this standard. On the other hand, it was an important breakthrough for devices that
natively did not support Flash, and did not support plug-ins needed to do so. Another emblematic
case, the iPhone. But in addition, HTML5 extends the horizon of application development that can
be used in a multiplicity of devices.

New Elements in HTML5

The most important of the new tags created are:

Article: This tag is used to define an article, a user comment or a separate publication within the
site.

Header, footer: these individual tags save you having to insert IDs for each one, as was previously
done. In addition, headers and footers can be inserted for each section, rather than only in general.

Nav: denial can be inserted directly into the markup, between these tags, which will allow us to
make our lists officiate of navigation.

Section: With this label, one of the most important of the novelties, you can define all types of
sections within a document. To put it simply, it works in a way similar to the div tag that also separates
us different sections.

Audio and video: these are the two most important tags of HTML5, since they allow us to access
more simply multimedia content that can be reproduced by almost all types of devices; Mark the type
of content that will be inside.

Embed: with this tag you can mark the presence of an interactive content or external application.

Canvas: finally, this label allows us to introduce a "canvas" inside a document, to be able to draw
graphics by vectors; JavaScript will be required.

Reference: http://www.html5.showbizreal.com/IntroHtml5/introH.html

https://hipertextual.com/archivo/2013/05/entendiendo-html5-guia-para-principiante/

GLOSSARY:

Browser: navegador

Language: lenguaje
Websites: Sitios web

Navigation: navegación

Geolocation: geolocalización

Label: etiqueta

Code: código

Syntax: sintaxis

Dispositives: dispositivos

Low range: gama baja

Graphics: gráficos

Vectors: vectores