<ol>

The <ol> tag is supported in all major browsers.


Definition and Usage

The <ol> tag defines an ordered list.

Use the <li> tag to define list items.


Differences Between HTML 4.01 and HTML5

The "start" and "type" attributes were deprecated  in HTML 4.01, but IS supported in HTML5.

The "reversed" attribute is new in HTML5.

The "compact" attribute was deprecated  in HTML 4.01, and is not supported in HTML5.


Tips and Notes

Tip: For unordered list, use the <ul> tag.

Tip: Use CSS to style lists.


Attributes

New : New in HTML5.

AttributeValueDescription
reversed    New reversed Specifies that the list order should be descending (9,8,7...)
start number Specifies the start value of an ordered list
type 1 A a I i Specifies the kind of marker to use in the list

Global Attributes

The <ol> tag also supports the Global attributes in HTML5.


Event Attributes

The <ol> tag also supports the Global Event Attributes in HTML5.

<object>

The <object> tag is supported in all major browsers.


Definition and Usage

The <object> tag defines an embedded object within an HTML document. Use this  element to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and  Flash) in your web pages.

You can also use the <object> tag to embed another webpage into your HTML  document.

You can use the <param> tag to pass parameters to  plugins that have been embedded with the <object> tag.


Differences Between HTML 4.01 and HTML5

Some HTML 4.01 attributes are not supported in HTML5.

The "form" attribute is new in HTML5.

Objects can be used and submitted in forms.

Objects can no longer appear inside the <head> element of a document.


Tips and Notes

Note: An <object> element must appear inside the <body> element. The text between the <object> and </object> is an alternate  text, for browsers that do not support this tag.

Tip: For images use the <img> tag instead of the <object> tag.

Tip: At least one of the "data" or "type" attribute MUST be defined.


Attributes

New : New in HTML5.

AttributeValueDescription
align left right top bottom Not supported in HTML5
archive URL Not supported in HTML5
border pixels Not supported in HTML5
classid class_ID Not supported in HTML5
codebase URL Not supported in HTML5
codetype MIME_type Not supported in HTML5
data URL Specifies the URL of the resource to be used by the object
declare declare Not supported in HTML5
form       New form_id Specifies one or more forms the object belongs to
height pixels Specifies the height of the object
hspace pixels Not supported in HTML5
name name Specifies a name for the object
standby text Not supported in HTML5
type MIME_type Specifies the MIME type of data specified in the data attribute
usemap #mapname Specifies the name of a client-side image map to be used with the object
vspace pixels Not supported in HTML5
width pixels Specifies the width of the object

Global Attributes

The <object> tag also supports the Global attributes in HTML5.


Event Attributes

The <object> tag also supports the Global Event Attributes in HTML5.

<noscript>

The <noscript> tag is supported in all major browsers.


Definition and Usage

The <noscript> tag is used to provide an alternate content for users that  have disabled scripts in their browser or have a browser that doesn’t support  client-side scripting.

The <noscript> element can contain all the elements that you can find inside  the body element of a normal HTML page.

The content inside the <noscript> element will only be displayed if scripts are  not supported, or are disabled in the user’s browser.


Tips and Notes

Tip: It is also a good practice to use the comment tag to "hide" scripts from  browsers without support for client-side scripts (so they don't show them as plain text):

< script type="text/javascript">
<!--
function displayMsg()
{
              alert("Hello World!")
}
//-->
< /script>

Differences Between HTML 4.01 and HTML5

None


Global Attributes and Events

The <noscript> tag also supports the Global attributes in HTML5.

<noframes> Tag. Not Supported in HTML5.


Definition and Usage

The <noframes> tag is not supported in HTML5.

The <noframes> tag was used to display text for browsers that do not  handle frames.

 <nav>

The <nav> tag is supported in all major browsers.


Definition and Usage

The <nav> tag defines a section of navigation links.

Not all links of a document must be in a <nav> element. The <nav> element is  intended only for major block of navigation links.

Browsers, such as screen readers for disabled users, can use this element to  determine whether to omit the initial rendering of this content.


Differences Between HTML 4.01 and HTML5

The <nav> tag is new in HTML5.


Global Attributes

The <nav> tag also supports the Global attributes in HTML5.


Event Attributes

The <nav> tag also supports the Global Event Attributes in HTML5

<meter>

The <meter> tag is currently supported in Opera and Chrome.


Definition and Usage

The <meter> tag defines a scalar measurement within a known range, or a  fractional value. This is also known as a gauge.

Examples: Disk usage, the relevance of a query result, etc.

Note: The <meter> tag should not be used to indicate progress (as in a  progress bar). For progress bars, use  the <progress> tag.


Differences Between HTML 4.01 and HTML5

The <meter> tag is new in HTML5


Attributes

New : New in HTML5.

AttributeValueDescription
form New form_id Specifies one or more forms the <meter> element belongs to
high New number Specifies the range that is  considered to be a high value
low New number Specifies the range that is  considered to be a low value
max New number Specifies the maximum value of the range
min New number Specifies the minimum value of the range
optimum New number Specifies what value is the optimal value for the gauge
value New number Required. Specifies the current value of the gauge

Global Attributes

The <meter> tag also supports theGlobal attributes in HTML5.


Event Attributes

The <meter> tag also supports the Global Event Attributes in HTML5.

<meta>

The <meta> tag is supported in all major browsers.


Definition and Usage

Metadata is data (information) about data.

The <meta> tag provides metadata about the HTML document. Metadata will not  be displayed on the page, but will be machine parsable.

Meta elements are typically used to specify page description, keywords,  author of the document, last modified, and other metadata.

The <meta> tag always goes inside the head element.

The metadata can be used by browsers (how to display content or reload page),  search engines (keywords), or other web services.


Differences Between HTML 4.01 and HTML5

The scheme attribute is not supported in HTML5.

HTML5 has a new attribute, charset, which makes it easier to define charset:

  • HTML 4.01:< meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5:< meta charset="UTF-8">

Tips and Notes

Note: The <meta> tag always goes inside the head element.

Note: Metadata is always passed as name/value pairs.

Note: The content attribute MUST be defined if the name or the  http-equiv attribute is defined. if none of these are defined, the content  attribute CANNOT be defined.


Examples

Example 1 - Define keywords for search engines:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />

Example 2 - Define a description of your web page:

<meta name="description" content="Free Web tutorials on HTML and CSS" />

Example 3 - Define the last revision of your page:

<meta name="revised" content="Hege Refsnes, 23/10/2011" />

Example 4 - Refresh document every 30 seconds:

<meta http-equiv="refresh" content="30" />

Attributes

New : New in HTML5.

AttributeValueDescription
charset    New character_set Specifies the character encoding for the HTML document
content text Gives the value associated with the http-equiv or name attribute
http-equiv content-type       default-style       refresh Provides an HTTP header for the information/value of the content attribute
name application-name       author       description       generator keywords Specifies a name for the metadata
scheme format/URI Not supported in HTML5

Global Attributes

The <meta> tag also supports the Global attributes in HTML5.

<menu> tag is not currently supported in any of the major browsers.


Definition and Usage

The <menu> tag defines a list/menu of commands.

The <menu> tag is used for context menus, toolbars and for listing form  controls and commands.


Differences Between HTML 4.01 and HTML5

The <menu> element is deprecated in HTML 4.01.

The <menu> element is redefined in HTML5.


Tips and Notes

Tip: Use CSS to style menu lists.


Attributes

New : New in HTML5.

AttributeValueDescription
label New text Specifies a visible label for the menu
type New context toolbar list Specifies which type of menu to display. Default value is "list"

Global Attributes

The <menu> tag also supports the Global attributes in HTML5.


Event Attributes

The <menu> tag also supports the Global Event Attributes in HTML5.

<mark>

The <mark> tag is supported in all major browsers.


Definition and Usage

The <mark> tag defines marked text.

Use the <mark> tag if you want to  highlight parts of your text.


Differences Between HTML 4.01 and HTML5

The <mark> tag is new in HTML5.


Global Attributes

The <mark> tag also supports the Global attributes in HTML5.


Event Attributes

The <mark> tag also supports the Global Event Attributes in HTML5.

<map>

The <map> tag is supported in all major browsers.


Definition and Usage

The <map> tag is used to define a client-side image-map. An image-map is an  image with clickable areas.

The name attribute of the <map> element is associated  with the <img>'s usemap attribute and creates a relationship between the image  and the map.

The <map> element contains a number of <area> elements, that defines the clickable  areas in the image map.


Differences Between HTML 4.01 and HTML5

Note: In HTML5, if the id attribute of the <map> tag is also  specified, it must have the same value as the name attribute.


Attributes

AttributeValueDescription
name mapname Required. Specifies the name of an image-map

Global Attributes

The <map> tag also supports the Global attributes in HTML5.


Event Attributes

The <map> tag also supports the Global Event Attributes in HTML5.