SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
Full Name: Yolima Gonzalez Aguilar Date:05 de Septiembre de 2018
Questionnaire
Introduction
Dear learner, the next information taken from a webpage, will help you understand
better the concepts about HTML5; however, it is convenient for you to read and study
the technical documents prepared by your instructor.
Remember to check the unknown vocabulary in the glossary attached to this file.
Answer the following question about HTML5.
1. What is HTML5?
HTML5 is the latest version of Hypertext Markup Language, the code that describes
web pages. It's actually three kinds of code: HTML, which provides the structure;
Cascading Style Sheets (CSS), which take care of presentation; and JavaScript,
which makes things happen.
2. What new features does it offer?
HTML5 has been designed to deliver almost everything you'd want to do online
without requiring additional software such as browser plugins. It does everything
from animation to apps, music to movies, and can also be used to build incredibly
complicated applications that run in your browser.
There's more. HTML5 isn't proprietary, so you don't need to pay royalties to use it.
It's also cross-platform, which means it doesn't care whether you're using a tablet or
a smartphone, a netbook, notebook or ultrabook or a Smart TV: if your browser
supports HTML5, it should work flawlessly. Inevitably, it's a bit more complicated
than that. More about that in a moment.
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
3. What do you use HTML5 for?
HTML5 can be used to write web applications that still work when you're not
connected to the net; to tell websites where you are physically located; to handle
high definition video; and to deliver extraordinary graphics.
4. Which browsers support it HTML5?
All of the big name browsers - Internet Explorer, Edge, Firefox, Chrome, Safari and
Opera, Mobile Safari and Android's browser - support HTML5, but they don't all
support the same things.
Firefox generally supports the widest selection of HTML5 features, with Chrome and
Safari following shortly afterwards, but as we said HTML5 is an evolving standard
and the latest versions of each browser more than cover the basics. If you'd like
more detailed information on browser support, the excellent Caniuse.com provides
a detailed breakdown of what supports what.
5. Why do you use HTML5?
HTML5 allows us a greater interaction between our web pages and media content
(video, audio, among others) as well as greater ease when coding our basic design.
The new version of HTML contains elements devoted to improving the user
experience on our website, making it easier for the designer to add audio, video and
general elements of web 2.0 as well as organize their content using less code.
The new version is more efficient and uses less resources on the client's computer,
in particular through the use of the new player that does not require a flash or adobe
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
player to be used, and since HTML5 is compatible with previous versions of HTML,
use the new version On a page already designed implies less work than if it were a
completely new collection.
By contrast, HTML5 is strongly in the capabilities of the browser, so at this time not
all browsers support it (currently only Chrome, Safari, Firefox, and Opera support
most of the features).
6. How’s HTML5 Cavas's like?
The canvas element is part of HTML5 and allows for dynamic, scriptable
rendering of 2D shapes and bitmap images. It is a low level, procedural model
that updates a bitmap and does not have a built-in scene graph.
The HTML <canvas> element is used to draw graphics, on the fly, via
JavaScript.
The <canvas> element is only a container for graphics. You must use
JavaScript to actually draw the graphics.
Canvas has several methods for drawing paths, boxes, circles, text, and
adding images.
7. What is SVG?
SVG stands for Scalable Vector Graphics
SVG is used to define vector-based graphics for the Web
SVG defines the graphics in XML format
Every element and every attribute in SVG files can be animated
SVG is a W3C recommendation
SVG integrates with other W3C standards such as the DOM and XSL
SVG Advantages
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
Advantages of using SVG over other image formats (like JPEG and GIF) are:
SVG images can be created and edited with any text editor
SVG images can be searched, indexed, scripted, and compressed
SVG images are scalable
SVG images can be printed with high quality at any resolution
SVG images are zoomable
SVG graphics do NOT lose any quality if they are zoomed or resized
SVG is an open standard
SVG files are pure XML
The main competitor to SVG is Flash.
The biggest advantage SVG has over Flash is the compliance with other standards
(e.g. XSL and the DOM). Flash relies on proprietary technology that is not open
source.
8. What is the difference between SVG and Cavas?
SVG is a language for describing 2D graphics in XML.
Canvas draws 2D graphics, on the fly (with a JavaScript).
SVG is XML based, which means that every element is available within the
SVG DOM. You can attach JavaScript event handlers for an element.
In SVG, each drawn shape is remembered as an object. If attributes of an
SVG object are changed, the browser can automatically re-render the shape.
Canvas is rendered pixel by pixel. In canvas, once the graphic is drawn, it is
forgotten by the browser. If its position should be changed, the entire scene
needs to be redrawn, including any objects that might have been covered by
the graphic.
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
9. Why is it important to use HTML5?
HTML5 is one element that will allow you to do almost everything you want online
without needing extra software.
Not only that, HTML5 is also free, works across all devices and all modern browsers
support it.
HTML5 is responsible for reducing the use of Flash for web design due to HTML5
being faster and Flash not being supported by Apple devices.
But it is important to know that HTML5 is here to stay.
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
Vocabulary
Features: Características
Advantages: Ventajas
Searched: Buscado
Indexed: Indexado
Compressed: Comprimido
Almost: Casi
Such: Tal
Plugins: Complementos
Animation: Animación
Build: Construir
Code: Código
Kinds: Clases
Structure: Estructura
Flawlessly: Sin problemas
Located: Situado
Handle: Encargarse de
Deliver: Entregar
Graphics: Gráficos
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
Same: Mismo
Widest: Más Ancho
Shortly: Dentro de poco
Afterwards: Después
Cover: Cubrir
Breakdown: Descompostura
Ease: Facilitar
Devoted: Entregado, fiel
Improving: Mejorando
Less: Menos
Strongly: Fuertemente
Scriptable: Encriptable
Rendering: Representación
Shapes: Formas
Bitmap: Mapa de bits
Low: Bajo
Procedural: Procesal
Built: Construido
Fly: Volar
Container: Envase
Vector: Vector
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
Such: Tal
Pure: Puro
Biggest: Más grande
Source: Fuente
Means: Medio
Handlers: Manejadores
Covered: Cubierto
SERVICIO NACIONAL DE APRENDIZAJE
CENTRO NACIONAL COLOMBO ALEMÁN
ADSI
Webliografia
https://es.wikipedia.org/wiki/Canvas_(HTML)
https://www.guioteca.com/internet/%C2%BFque-es-html5-y-que-cambios-
introduce/
https://computerhoy.com/noticias/software/que-es-html5-todo-que-necesitas-
saber-16425
https://www.techradar.com/news/internet/web/html5-what-is-it-1047393
