Vous êtes sur la page 1sur 5

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

Oriented to the pixel (the canvas is an Based on the object model (SVG
image element with Give a better elements are similar to HTML
performance with smaller surface or elements)
greater number of objects or both a
drawing API).
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; The SVG framework and the object
they must be used in addition to model supports accessibility natively.
Canvas, other techniques based on
Markup
Poor scalability, it is not suitable for Better scalability, high quality can be
printing in high resolution 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.