A Run Down Of HTML5 (Part 1)

Just like every year its been a weekend of over indulgence in meats and starches in the name of celebrating Jesus’ day of birth. Enough said about that, its now back to business. I was trying out some of the new features in HTML 5 and was loving it.

For those that don’t already know it, HTML5 is the proposed newest major version of HTML (Hypertext Markup Language). I use the word proposed in the previous line because its important to take note that as the writing of this article, HTML 5 is not a W3C recommendation yet.

Being the next standard that was proposed back in around 2004, HTML 5 is to be the next standard after HTML 4.01, XHTML 1.0 and DOM 2 HTML which aims to reduce the need for propriety plug-in based Rich Internet Application technologies such as Adobe Flash, Sun’s JavaFX and Microsoft’s Silverlight.

HTML5 is being worked on by a group that consists of AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera and loads of other vendors.

HTML 5 introduces a number of new tags and drops support for some of them of which I will make mention shortly. In addition to a host of new tags that specify markup, HTML5 specifies scripting application programming interfaces (APIs) and goes ahead to extend the document object model (DOM) interfaces and goes ahead to document them.

Some of these new APIs are:

  • Timed Media Playback.
  • Document Editing.
  • Offline Storage Database.
  • Canvass for 2D drawing.
  • Drag and Drop (finally :) ).
  • Cross Document Messaging.
  • Browser History Management.
  • Mime type and protocol handler registration.

In addition to these new APIs there are some new feature that would make it different and build on HTML 4.01 and XHTML 1.0 these include:

  • Markup parsing that is not based on SGML.
  • Usage of inline SVG and MathML in the text.
  • A bunch of new elements as mentioned earlier that I will make mention of.
  • New types of form controls such as email, url, search, dates and times.
  • Support for PUT and DELETE in addition to POST and GET for HTML forms.
  • Depreciated elements have been dropped.
  • New attributes such as Ping, char-set and Async on a and area, meta and script.
  • Global attributes on all elements.
  • Error handling will be flexible on incorrect syntax.

Back to the tags. HTML5 inherits almost all the tags from HTML 4.01, well, almost all. Apparently there are some depreciated tags. Then of course HTML5 adds a few other tags to the existing ones.

The depreciated tags are as follows:

  • <acronym> was used to define acronyms in HTML 4.01 examples are UN, WYSIWYG etc. In HTML5 you would have to now use <abbr>.
  • <applet> was used to define an embedded applet in previous versions prior to HTML5.
  • <basefont> was used to define the default font-color, font-size, or font-family for all the text in a document. Personally I have never used this one.
  • <big> was used to make text bigger in relation to other text of the same font-size.
  • <center> was used to align text and content to the center.
  • <dir> was used for the definition of a directory list.
  • <font> was used to define font-face, font-size, and font-color of text. CSS has been favored over this one.
  • <frameset> tag was used to define a frame-set, which organized multiple windows also known as frames.
  • <frame> tag was used to define one particular frame within a frame-set. <frame> and <frameset> are depreciated in HTML5 because they impact negatively on the usability of a web page.
  • <noframes> tag was used to display text for browsers that do not handle frames.
  • <s> and <strike> were used to define strike-through text. They have also been depreciated in favor of CSS.
  • <tt> was used to define teletype text. CSS is the way to go here.
  • <u> was used to define underlined text. As above CSS should be used.
  • <xmp> was used to define pre-formatted text. <pre> should be used instead.

That’s it as far as the depreciated tags go. Now onto the new tags included with HTML5.

<article>
Defines external content. The external content could be a news-article, blog, forum, or any other content from an external source. Basically the content within this tag is independent from the rest of the document.

Usage:
<article> <a href="http://sobbayi.blogspot.com">Sobbayi Live - Living Life wth Sobbayi</a> <br /> Steve Obbayi's Blogging exploits on life's general servings. This blog is based on general opinions that Steve has on topics such as Travel, Living, Work Place, Religion, Restaurants, Food and Entertainment, Technology and just about every possible subject out there... </article>

Attributes:

  • cite (URL): URL of the article, if it is taken from the web
  • pubdate (date): Defines the time and date that the article was first published.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<aside>
defines some content aside from the content it is placed in. Normally this content should be related to the surrounding content.

Usage:
<p>Sobbayi is a Wonderful place to be in.</p>
<aside>
<h1>Sobbayi</h1>
Is a technology blog website.
</aside>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<audio>
defines sound, such as music or other audio streams.

Usage:
<audio src="sobbayi.mp3" controls="controls">
Your browser doesn't support the audio element.
</audio>

Attributes:

  • autobuffer (autobuffer): If present, the audio will be loaded at page load, and ready to run. autobuffer has no effect if autoplay is present.
  • autoplay (autoplay): If present, the audio will start playing as soon as it is ready.
  • controls (controls): If present, controls will be displayed, such as a play button.
  • src (url): Defines the URL of the audio to play.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<canvas>
used to display graphics. Note that this is only a container for graphics, this means you must use a script to actually paint the graphics.

Attributes:

  • height (pixels): Sets the height of the canvas.
  • width (pixels): Sets the width of the canvas.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<command>
This is a command button, like a radiobutton, a checkbox, or a button. This element must be inside a menu element otherwise it will not be displayed.

Usage:
<menu><command type="command">Download Now!</command></menu>

Attributes:

  • checked (checked): Defines if the command is checked or not. Use only if type is radio or checkbox
  • disabled (disabled): Defines if the command is available or not
  • icon (url): Defines the url of an image to display as the command
  • label (command name): Defines a name for the command. The label is visible
  • radiogroup (name of radiogroup): Defines the name of the radiogroup this command belongs to. Use only if type is radio
  • type (checkbox,command,radio): Defines the type of command. Default value is command.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<datalist>
datalist defines a list of options. It is used together with the input element to define which values the input element can have.

Usage:
<input list="animals" />
<datalist id="animals">
<option value="cow">
<option value="hen">
<option value="fox">
</datalist>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<details>
used to describe details about a document or parts of a document.

Usage:
<details>This paper was published in 2009.</details>

Attributes:

  • open (open): Defines if the details should be visible (present) or not (not present).

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title.

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload.

<dialog>
This defines a conversation. Here every sentence must be defined with the <dd> tag and every sentence must belong to a part, defined with the <dt> tag.

Usage:
<dialog>
<dt>Boss</dt>
<dd>What is you name</dd>
<dt>Employee</dt>
<dd>Dan</dd>
<dt>Boss</dt>
<dd>You are Fired!</dd>
</dialog>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title .

Event Atributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<embed>
Used on embedded content such as a plug-ins

Attributes:

  • height (pixels): Sets the height of the embeded content.
  • src (url): The URL of the embedded content.
  • type (type): Defines the type oft the embedded content.
  • width (pixels): Sets the width of the embedded content.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<figure>
used to group some elements. The content within is stand-alone, typically used to explain parts of a document but also able to move from the document and put somewhere else. Use the <legend> element to add a caption to the group of elements.

Usage:
<figure>
<h1>Sobbayi</h1>
<p>The Home of Technology...</p>
</figure>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<footer>
defines the footer of a section or document. Typically it would contain the name of the author, the date the document was written and contact information. If you use the footer to insert contact information, use the address element inside the footer element.

Usage:
<footer>This was crated back  in 2009</footer>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<header>
Basically used to give an introduction to the document.

Usage:
<header>
<h1>Hi! My Name is</h1>
<p>Who asked you?</p>
</header>

<p>The rest of my home page…</p>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<hgroup>
defines the heading of a section or a document. It is used to group headers, <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings.

Usage:
<hgroup>
<h1>Sobbayi</h1>
<h2>For a better mind</h2>
</hgroup>

<p>The rest of the content…</p>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<keygen>
Used to define a generated key.

Attributes:

  • autofocus (disabled): Makes the input field focused on page load. Note: Cannot be used with type=”hidden”
  • challenge (challenge): If present, the value of the keygen is set to be challenged when submitted.
  • disabled (disabled): Disables the input element when it first loads so that the user can not write text in it, or select it. Note: Cannot be used with type=”hidden”
  • form (formname): Defines one ore more forms the input field belongs to.
  • keytype (rsa): Defines the keytype. rsa generates a RSA key.
  • name (fieldname): Defines a unique name for the input element. The name attribute is used to collect the fields value when submitted.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<mark>
Used to define marked text. Use it to highlight parts of your text

Usage:
<p>Do not forget to buy <mark>milk</mark> today.</p>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<meter>
Defines a measurement for measurements with a known minimum and maximum value. The range of the measurement must be defined either in the element’s text or with the min/max attributes.

Usage:
<meter min="0" max="10">2</meter><br />
<meter>2 out of 100</meter><br />
<meter>2%</meter>

Attributes:

  • high (number): Defines at which point the measurement’s value is consider a high value
  • low (number): Defines at which point the measurement’s value is consider a low value
  • max (number): Defines the maximum value. Default value is 1
  • min (number): Defines the minimum value. Default value is 0
  • optimum (number): Defines what measurement’s value is the best value. If this value is higher then the “high” attribute’s value, it means that the higher value the better. If this value is lower than the “low” attribute’s value, it means that the lower value the better.
  • value (number): Defines the measurement’s value

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<nav>
Defines a section of navigation. You would normally put “previous” and “next” buttons in your document, inside this element.

Usage:
<nav>
<a href="default.asp">Home</a>
<a href="tag_meter.asp">Previous</a>
<a href="tag_noscript.asp">Next</a>
</nav>

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<output>
defines different types of output, such as output written by a script.

Usage:
<form action="form.jsp" method="get" name="sum">
<output name="sums"></output>
</form>

Attributes:

  • for (id of another element): Defines one ore more elements the output field relates to.
  • form (formname): Defines one ore more forms the output field belongs to.
  • name (unique name): Defines a unique name for the object (to use when a form is submitted).

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<progress>
Used for work-in-progress to display the progress of a time consuming function in JavaScript or for a download.

Usage:
The downloading progress:
<progress>
<span id="progress">90</span>%
</progress>

Attributes:

  • max (number): Defines the value of completion.
  • value (number): Defines the current value of the progress.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<rp>
Used in ruby annotations, to define what to show browsers that do not support the ruby element.
A ruby annotation is Chinese notes or characters. Used in East Asia, to show the pronunciation of East Asian characters. Use this together with the <ruby> and the <rt> tags: Browsers that support the “ruby” element will not show the content of a “rp” element.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<section>
defines sections in a document. Such as headers, footers or any other section of the document.

Attributes:

  • cite (URL): URL of the section, if it is taken from the web.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<source>
defines media resources for media elements, such as <video> and <audio>.

Attributes:

  • media (media query): Defines the type of media resource, for browsers to decide if it shall download it or not.
  • src (url): The URL of the media.
  • type (numeric value): Defines where in the audio stream the player should start playing. As default, the audio starts playing at the beginning.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<time>
defines a time and a date.

Usage:
<p>
School starts at <time>7:00</time>today.
</p>

<p>
until the <time datetime=”2010-03-30″>closing day</time>
</p>

Attributes:

  • datetime (datetime): Defines the date or time of the element. If this attribute is not defined, the element’s date or time must be defined inside the element.

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

<video>
defines video, such as a movie clip or other video streams. Text can be written between the start and end tags, to show older browser that they do not support this tag.

Usage:
<video src="video.ogg" controls="controls">
your browser does not support the video tag
</video>

Attributes:

  • autobuffer (autobuffer): If present, the browser will load the file, because will most likely be played. Ignored if “autoplay” is present.
  • autoplay (autoplay): If present, then the audio will start playing as soon as it is ready
  • controls (controls): If present, controls will be displayed, such as a play button.
  • height (pixels): Sets the height of the video player
  • loop (loop): If present, the media file will start over again, every time it is finished.
  • src (url): The URL of the audio to play
  • width (pixels): Sets the width of the video player

Standard Attributes:
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

Event Attributes:
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

That’s all today as far as tags is concerned. The next article under this topic here:

Read: A Run Down Of HTML5 (Part 2).

Related posts:

  1. A Run Down Of HTML5 (Part 2)

12 Responses to “A Run Down Of HTML5 (Part 1)”

  1. SweetAnny91 says:

    i really think there should be more ppl writing in a similar style you do ^^

  2. The only way I could see the UFC even getting close to getting Rampage is if they were somehow able to get him involved with TUF 4 as a coach or something. Because that would guarantee Rampage not only exposure and instant stardom but also the biggest sponsors. Outside of something like that I don’t see how the UFC could land Rampage.

  3. [...] I love to play when I am not thinking too much. It is a HTML5 based game built to take advantage of the new features found in HTML5. It takes advantage of the new Canvass tag features. Well the game is a Side-Scroller Arcade Game [...]

  4. 轮盘赌法 says:

    I cannot believe this is true!

  5. Great idea, thanks for this tip!

  6. Great idea, but will this work over the long run?

  7. Hey, ok, I get it, I guess – but does this really work?

  8. This brings me to an idea:…

  9. Sometimes it’s really that simple, isn’t it? I feel a little stupid for not thinking of this myself/earlier, though.

  10. I cannot believe this will work!

  11. [...] year I started on this article about HTML5. In that article I focused mainly on the various tags as far as the additions and removals since [...]

  12. [...] Run Down Of HTML5 (Part 1) Discussions For Designers For Developers | Source:  Blog.Sobbayi.com ,  Sobbayi [...]

Leave a Reply