SERVICIO NACIONAL DE APRENDIZAJE

CENTRO NACIONAL COLOMBO ALEMN

ADSI

Questionnaire About HTML5

Wilinton Chico

Instructor
Lester Navas E.

Anlisis Y Desarrollo De Sistemas De Informacin

Servicio Nacional De Aprendizaje Sena
Bogot, Noviembre 2017
 SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMN
ADSI

Full Name: Date:

Wilinton Chico November 06 Of 2017

Questionnaire

Answer the following question about HTML5.

1. What is HTML5?

(Hyper Text Markup Language ):

is a marked language used to structure and present content for the web. It is one of
the fundamental aspects for the functioning of the sites.

2. What new features does it offer?

New semantic tags to structure HTML documents, designed to replace the

need to have a <div> tag that identifies each block of the page.

The new multimedia elements such as <audio> and <video>.

The integration of scalable vector graphics (SVG) replacing the generic

<object>, and a new element <canvas> that allows us to draw on it.

The change, redefinition or standardization of some elements, such as <a>,

<cite> or <menu>.

MathML for mathematical formulas.

Local storage on the client side.

 SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMN
ADSI

3. What do you use HTML5 for?

HTML5 is used to define the basic structure of a web page. However, one of
its biggest additions in this new version is to be able to add audio and video
without using Flash or another media player.
Website creation with multimedia elements, geolocation functions,
animations, web applications.

4. Which browsers support it HTML5?

The browsers that support HTML5 are: Chrome, Internet Explorer Safari,
Opera and Firefox.

5. Why do you use HTML5?

By using HTML5 we will have the following benefits:

HTML5 provides support for video and audio: Help to finish Flash Player
and any other external program to play audio and video. HTML5 to play
natively, in a very simple and effective way.

We will obtain a cleaner code: this markup language allows you to write a
concise code that helps distinguish the meaning of the code, style and
content.

It allows us a better interaction: HTML 5 offers a quick solution in this

sense, with a special and powerful label that makes your site more
interactive.
In addition, it offers a series of APIs to help you get an application or
dynamic web page with ease.

Cross platform compatibility: not only in current and popular browsers

such as Chrome, Firefox, Safari and Opera 9, but also in some older
browsers such as Internet Explorer 6. If the code is modified a bit, many
web applications executed by browsers can also be executed in old
browsers.
 SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMN
ADSI

HTML5 and mobile technology: there are different browsers, which are
compatible on different mobile devices and have been fully adapted to
HTML 5. Therefore, web applications developed with HTML 5 technology
are compatible with several mobile browsers, without problems on different
mobile devices.

6. Hows HTML5 Cavas's like?

It is an HTML element that can be used to draw graphics using scripts

(JavaScript normally). This can, for example, be used to draw graphics, read
photos or simple animations. Canvas has several methods to draw routes,
boxes, circles, text and add images.

7. What is SVG?

SVG are: Scalable Vector Graphics, or Scalable Scalable Graphics, or SVG

is a format of two-dimensional vector graphics, both static and animated, in
XML format, whose specification is an open standard.

8. What is the difference between SVG and Cavas?

CANVAS
The visual representation of canvas is
created and modified by programs,
through scripting
The model of event / interaction with
the user is rudimentary, exclusively at
the level of the canvas element; the
interactions must be programmed
manually from the coordinates of the
mouse.
SVG
The visual representation is generated
from the Markup and is modified by
CSS or by program through scripting
The model of event / interaction with
the user is based on the object at the
level of primitive graphic elements,
lines, rectangles, routes.

Oriented to the pixel (the canvas is an
image element with Give a better
performance with smaller surface or
greater number of objects or both a
drawing API).
Based on the object model (SVG
elements are similar to HTML
elements)
 SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMN
ADSI

Individual HTML element, similar in its Multiple graphic elements that become
behavior to the <img> tag part of the Document Object Model
(DOM)

The API does not support accessibility;
they must be used in addition to
Canvas, other techniques based on
Markup
Poor scalability, it is not suitable for
printing in high resolution
The SVG framework and the object
model supports accessibility natively.
Better scalability, high quality can be
printed in any resolution.

Give better performance with the Give a better performance with smaller
smallest number of objects, largest surface or greater number of objects or
surface or both both

9. Why is it important to use HTML5?

It is important to use HTML5 because:

Being the simplest and most simplified code, they load the pages in the
browser faster.

The pages and the elements they contain are perfectly visible in all
browsers. The vast majority of browsers for smartphones and tablets, with
support for HTML5, presents one of these devices that you can verify by
entering the following page: Detector and identifier of mobile devices.

The add-ons, widgets and buttons offered by the developers of networks

such as Facebook, Twitter and others, written in HTML 5, work excellently,
with more options than the classics in XHTML or iframes.

It is possible to insert videos directly into the pages without having to go to

the iframes or use the object label.

HTML 5 includes tags oriented mainly to search engines, to facilitate the

understanding of the content of the pages, which benefits us, for example:
header, footer, article, navigation, etc.

Allows user Geolocation.

Other functions incompatible with other words that are not valid for HTML5.