Anda di halaman 1dari 6

AP6-AA3-EV4 DESARROLLO CUESTIONARIO HTML5

TECHNOLOGIST ANALYSIS AND DEVELOPMENT OF INFORMATION SYSTEMS


(ADSI)

JEINER CLAROS VALDERRAMA

ALEXANDRO NIÑO
INSTRUCTOR

LEARNING SERVICE
SENA
2019
What is HTML5?

HTML5 will be the new standard for HTML. The previous version of HTML, HTML 4.01, came in
1999.
The internet has changed significantly since then.

HTML5 is designed to deliver almost everything you want to do online without requiring
additional plugins, it does everything from animation to apps, music to movies, and can also de
used to build complicated applications that run in your browser.

Is also cross-platform (it does not care whether you are using a tablet or a smartphone, a
netbook, or a smart TV).

Can also be used to write web applications that still work when you are not online

Working group includes AOL, Apple, Microsoft, Mozilla, IBM, Opera, and hundreds of other
vendors.

How did HTML5 get started?

HTML5 is cooperation between the World Wide Web consortium (W3C) and the web Hypertext
Application Technology Working Group (WHATWG).

WHATWG was working with web forms and applications and W3C was working with XHTML 2.0
in 2006, they decided to cooperate and create a new version HTML.

Some rules HTML5 were established:

 New features should be based on HTML, CSS, DOM, and JavaScript


 Reduce the need for external plugins (like, flash)
 Better error handling
 More markup to replace scripting
 HTML5 should be device independent
 The development process should be visible the public

The HTML5 <IDOCTYPE>

In HTML5 there is only one <idotype> declaration, and it is very simple:

<IDOCTYPE> html>

Minimum HTML5 document

Below is a simple HTML5, document, with the minimum of required tags:

<IDOCTYPE> html>
<html>
<head>
<meta charset=”UTF-8”>
<title>Title of the document</title>
</head>
<body>
Content of the document
</body>

<html>

HTML5 New Features

Some of the most interesting new features in HTML5:

 The <canvas> element for 20 drawing


 The <video> and <audio> elements for media playback
 Support for local storage
 New contest-specific elements, like <article>, <footer>, <header>, <nav>,
<section>
 New from controls, like calendar, date, time, email, url, search

Browser Support for HTML5

HTLM5 is not yet an official standard, and no browsers have fuil HTML5 support.

But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explore) continue to add new
HTML5 features to their latest versions.

HTML5 References:

At W3Schools you will find complete references about tags , global attributes, standard events, and
more.

New elements in HTLM5

The internet, and the use of the internet, has changed a lot since HTML 4.01 became a standard in
1999.

Today, several elements in HTML 4.01 are absolute, never used, or not use the way they were
intended. All those elements are removed or re-written in HTML5.

To better handle todays internet use, HTML5 also includes new elements for drawing graphics,
adding media contest, better page structure, better form handling, and several APls to
drag/drop elements, find geolocation, include web storage, application cache, web workers,
etc.

The new <canvas> element

Tag Descriptio
n
<canvas> Used to draw graphics, on the fly, via
scripting (usually JavaScript)
New media elements

Tag Descriptio
n
<audio> Defines sound contest
<video> Defines a video or movie
<source> Defines multiple media resource fo
<video> and <audio> s r
<embed> Defines a container for an external
application or interactive contest ( a plug-
in)
<track> Define te track f <video> a
s xt s o n
<audio r d
>

New form elements

Tag Descriptio
n
<datalist> Specifies a list of pre-defined options for
input controls
<keveen> Defines a key-pair generator field (for forms)

<output> Defines the result of a calculation

HTML5 Canvas:

The <canvas> element is used to draw graphics, on the fly, on a web page.

The example at the left shows a red rectangle, a gradient rectangle, multicolor
rectangle and some multicolor text that is drawn onto canvas.

What is Canvas?

The HTML5 <canvas> element is used to draw graphics, on the fly, via scripting (usually
JavaScript).

The <canvas> element is only a container for graphics. You must use a script to actually draw
the graphics.

Canvas has several methods for drawing pahts, boxes, circles, text, and adding images.
Browser Support

Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the <canvas> element.
Note: Internet Explorer 8 and earlier versions, do not support the <canvas> elements

What is SVG?

 SVG is used to define vector-based graphics for the Web


 SVG defines the graphics in XML format
 SVG graphics do NOT lose any quality if they are zoomed or resized
 Every element and attribute in SVG files can be animated
Bibliografía
http://www.w3schools.com/html/html5_intro.asp

GLOSSARY

Attribute: Atributo
Browser: Navegador
Content: Contenido
Current: Actual
Data: Información
Draggable: Arrastrable
Draw: Dibujar
Established: Establecidas
Event: Evento
Features: Características
File: Archivo
Graphic: Grafico
Handling: Encabezado
Location: Ubicación
Manipulate: Manipulacion
Playing: Reproducir
Rules: Reglas
Should: Debería

Anda mungkin juga menyukai