AP6 A3 Ev4 Desarrollo CueStionario HTML5 | Html5 | Html

DEVELOPMENT HTML5 QUESTIONNAIRE

“

”

JHON JAIRO BELTRÁN CALDERÓN

SERVICIO NACIONAL DE APRENDIZAJE SENA  ANÁLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIÓN 2017

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 In HTML5 there is only one declaration, and it is very simple: html> Minimum HTML5 document Below is a simple HTML5, document, with the minimum of required tags: html> Title of the document ”

”

Content of the document HTML5 New Features

Some of the most interesting new features in HTML5: The element for 20 drawing  The and elements for media playback  Support for local storage   New contest-specific elements, like , , , ,  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 element Tag

Description

Used to draw graphics, on the fly, via scripting (usually JavaScript)

New media elements Tag



Description

Defines sound contest Defines a video or movie Defines multiple media resources for and Defines a container for an external application or interactive contest ( a plugin) Defines text tracks for and

New form elements Tag

Description

Specifies a list of pre-defined options for input controls Defines a key-pair generator field (for forms) Defines the result of a calculation

HTML5 Canvas:

The 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 element is used to draw graphics, on the fly, via scripting (usually JavaScript). The 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 element. Note: Internet Explorer 8 and earlier versions, do not support the 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: Browser: Content: Current: Data: Draggable: Draw: Established: Event: Features: File: Graphic: Handling: Location: Manipulate: Playing: Rules: Should:

Atributo Navegador Contenido Actual Información Arrastrable Dibujar Establecidas Evento Características Archivo Grafico Encabezado Ubicación Manipulación Reproducir Reglas Debería