Saturday 28 January 2012

HTML5 Global Attributes


AttributeValueDescription
accesskeycharacterSpecifies a shortcut key to access an element
classclassnameRefers to a class specified in a style sheet
contenteditabletrue
false
inherit
Specifies whether a user can edit the content of an element or not
contextmenumenu_idSpecifies a context menu for an element. The value must be the id of a <menu> element
dirltr
rtl
auto
Specifies the text direction for the content in an element
draggabletrue
false
auto
Specifies whether a user is allowed to drag an element or not
dropzonecopy
move
link
Specifies what happens when dragged items/data is dropped in the element
hiddenhiddenSpecifies that an element should be hidden
ididSpecifies a unique id for an element
langlanguage_codeSpecifies the language of the element's content
spellchecktrue
false
Specifies if the element must have its spelling and grammar checked
stylestyle_definitionsSpecifies an inline style for an element
tabindexnumberSpecifies the tab order of an element
titletextSpecifies extra information about an element

Monday 23 January 2012

HTML 5 Tags

 HTML5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.
Some of the new features in HTML5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML5 also contains new elements like <nav>, <header>, <footer>, and <figure>.
The HTML5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundreds of other vendors.


TagDescription
<!--...-->Defines a comment
<!DOCTYPE> Defines the document type
<a>Defines a hyperlink
<abbr>Defines an abbreviation
<acronym>Not supported in HTML5
<address>Defines contact information for the author/owner of a document/article
<applet>Not supported in HTML5
<area>Defines an area inside an image-map
<article>Defines an article
<aside>Defines content aside from the page content
<audio>Defines sound content
<b>Defines bold text
<base>Specifies the base URL/target for all relative URLs in a document
<basefont>Not supported in HTML5
<bdi>Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo>Overrides the current text direction
<big>Not supported in HTML5
<blockquote>Defines a section that is quoted from another source
<body>Defines the document's body
<br>Defines a single line break
<button>Defines a clickable button
<canvas>Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption>Defines a table caption
<center>Not supported in HTML5
<cite>Defines the title of a work
<code>Defines a piece of computer code
<col>Specifies column properties for each column within a <colgroup> element 
<colgroup>Specifies a group of one or more columns in a table for formatting
<command>Defines a command button that a user can invoke
<datalist>Specifies a list of pre-defined options for input controls
<dd>Defines a description of an item in a definition list
<del>Defines a text that has been deleted from a document
<details>Defines additional details that the user can view or hide
<dfn>Defines a definition term
<dir>Not supported in HTML5
<div>Defines a section in a document
<dl>Defines a definition list
<dt>Defines a term (an item) in a definition list
<em>Defines emphasized text 
<embed>Defines a container for an external application or interactive content (a plug-in)
<fieldset>Groups related elements in a form
<figcaption>Defines a caption for a <figure> element
<figure>Specifies self-contained content
<font>Not supported in HTML5
<footer>Defines a footer for a document or section
<form>Defines an HTML form for user input
<frame>Not supported in HTML5
<frameset>Not supported in HTML5
<h1> to <h6>Defines HTML headings
<head>Defines information about the document
<header>Specifies an introduction, or a group of navigation elements for a document
<hgroup>Groups a set of <h1> to <h6> elements when a heading has multiple levels
<hr>Defines a thematic change in the content
<html>Defines the root of an HTML document
<i>Defines a part of text in an alternate voice or mood
<iframe>Defines an inline frame
<img>Defines an image
<input>Defines an input control
<ins>Defines a text that has been inserted into a document
<keygen>Defines a key-pair generator field (for forms)
<kbd>Defines keyboard input
<label>Defines a label for an input element
<legend>Defines a caption for a <fieldset>, <figure>, or <details> element
<li>Defines a list item
<link>Defines the relationship between a document and an external resource (most used to link to style sheets)
<map>Defines a client-side image-map 
<mark>Defines marked/highlighted text
<menu>Defines a list/menu of commands
<meta>Defines metadata about an HTML document
<meter>Defines a scalar measurement within a known range (a gauge)
<nav>Defines navigation links
<noframes>Not supported in HTML5
<noscript>Defines an alternate content for users that do not support client-side scripts
<object>Defines an embedded object
<ol>Defines an ordered list
<optgroup>Defines a group of related options in a drop-down list
<option>Defines an option in a drop-down list
<output>Defines the result of a calculation
<p>Defines a paragraph
<param>Defines a parameter for an object
<pre>Defines preformatted text
<progress>Represents the progress of a task
<q>Defines a short quotation
<rp>Defines what to show in browsers that do not support ruby annotations
<rt>Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>Defines a ruby annotation (for East Asian typography)
<s>Defines text that is no longer correct
<samp>Defines sample output from a computer program
<script>Defines a client-side script
<section>Defines a section in a document
<select>Defines a drop-down list
<small>Defines smaller text
<source>Defines multiple media resources for media elements (<video> and <audio>)
<span>Defines a section in a document
<strike>Not supported in HTML5
<strong>Defines important text
<style>Defines style information for a document
<sub>Defines subscripted text
<summary>Defines a visible heading for a <details> element
<sup>Defines superscripted text
<table>Defines a table
<tbody>Groups the body content in a table
<td>Defines a cell in a table
<textarea>Defines a multiline input control (text area)
<tfoot>Groups the footer content in a table
<th>Defines a header cell in a table
<thead>Groups the header content in a table
<time>Defines a date/time
<title>Defines a title for the document
<tr>Defines a row in a table
<track>Defines text tracks for media elements (<video> and <audio>)
<tt>Not supported in HTML5
<u>Not supported in HTML5
<ul>Defines an unordered list
<var>Defines a variable
<video>Defines a video or movie
<wbr>Defines a possible line-break