Professional Documents
Culture Documents
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.
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.
<IDOCTYPE> html>
<IDOCTYPE> html>
<html>
<head>
<meta charset=UTF-8>
<title>Title of the document</title>
</head>
<body>
Content of the document
</body>
<html>
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.
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.
Tag Description
<canvas> Used to draw graphics, on the fly, via
scripting (usually JavaScript)
New media elements
Tag Description
<audio> Defines sound contest
<video> Defines a video or movie
<source> Defines multiple media resources for
<video> and <audio>
<embed> Defines a container for an external
application or interactive contest ( a plug-
in)
<track> Defines text tracks for <video> and
<audio>
Tag Description
<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?
GLOSSARY
Attribute: Atributo
Browser: Navegador
Content: Contenido
Current: Actual
Data: Informacin
Draggable: Arrastrable
Draw: Dibujar
Established: Establecidas
Event: Evento
Features: Caractersticas
File: Archivo
Graphic: Grafico
Handling: Encabezado
Location: Ubicacin
Manipulate: Manipulacin
Playing: Reproducir
Rules: Reglas
Should: Debera