PDA

View Full Version : what are the new features in html5?



ayishabanu
02-22-2013, 06:24 AM
What are the new features and elements in HTML5?:confused:

ReginaSanders
02-23-2013, 06:29 AM
me too eagerly anxiuos to nknow the features of this thing as i want to know the brilliant features of it any help would be appreciated

markboucher12
02-26-2013, 07:01 AM
-XML namespaces & attributes no longer required.
-Simpler doctype declaration.
-No more self closing syntax.
-New way to declare document charset.
-Easier and shorter stylesheet and script declaration.

webminers2013
02-27-2013, 03:20 AM
Simpler doctype declaration.
No more self closing syntax.
Easier and shorter stylesheet and script declaration.

Raju
02-28-2013, 02:49 AM
-XML namespaces & attributes no longer required.
-Simpler doctype declaration.
-No more self closing syntax.
-New way to declare document charset.
-Easier and shorter stylesheet and script declaration.
I agree with you nice information .

luxuryglasstint
02-28-2013, 05:28 AM
Email Inputs
Placeholders
Local Storage
Required Attribute
Video Support
Display Controls
Detect Support for Attributes

ayishabanu
03-04-2013, 11:40 PM
-XML namespaces & attributes no longer required.
-Simpler doctype declaration.
-No more self closing syntax.
-New way to declare document charset.
-Easier and shorter stylesheet and script declaration.

Thanks for your valuable information about HTML5.Really great improvement in HTML5 that helps in better web designing..:)

annahussy
03-26-2013, 07:36 AM
HTML5 is the latest version of HTML which is mainly used to presenting content for the WWW. HTML5 specifies scripting application programming interfaces that can be used with JavaScript. An HTML5 browser will be flexible in handling incorrect syntax.

semaphore.v
04-15-2013, 02:17 AM
The <canvas> element for 2D drawing
The <video> and <audio> elements for media playback
New content-specific elements like <article>, <footer>, <header>, <nav>, <section>
New form controls, like calendar, date, time, email, url, search

digital forum
05-14-2013, 04:06 AM
New Elements in HTML5

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 obsolete, never used, or not used the way they were intended. All those elements are removed or re-written in HTML5.

To better handle today's internet use, HTML5 also includes new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.
The New <canvas> Element
Tag Description
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)

New Media Elements
Tag Description
<audio> Defines sound content
<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 content (a plug-in)
<track> Defines text tracks for <video> and <audio>

New Form Elements
Tag Description
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

New Semantic/Structural Elements

HTML5 offers new elements for better structure:
Tag Description
<article> Defines an article
<aside> Defines content aside from the page content
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<command> Defines a command button that a user can invoke
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<summary> Defines a visible heading for a <details> element
<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> Defines a caption for a <figure> element
<footer> Defines a footer for a document or section
<header> Defines a header for a document or section
<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<progress> Represents the progress of a task
<ruby> Defines a ruby annotation (for East Asian typography)
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<section> Defines a section in a document
<time> Defines a date/time
<wbr> Defines a possible line-break

blessy_smith
05-15-2013, 03:19 AM
HTML5 Features-

-Simpler doctype declaration.
-XML namespaces and attributes no longer needed.
-New way to declare document charset.
-Easier and shorter stylesheet and script declaration.
-No more self closing syntax.

hudsonkirtley
05-16-2013, 01:06 AM
I totally agree with blessy_smith. Thanks for sharing informative information, it's really useful for those which are use HTML5.

saira
05-18-2013, 06:25 AM
HTML5 has great features, there are many useful tags present in it and inbuilt features.

nrvaghela
09-18-2013, 07:25 AM
There are some important and useful features added in HTML5. Some of them are as follow.
<canvas> tag Used to draw graphics, on the fly, via scripting (usually JavaScript)
<audio> Defines sound content
<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 content (a plug-in)
<track> Defines text tracks for <video> and <audio> and more. With the help of these tags you can make coding easy than previous version.

swatihotels
09-25-2013, 01:04 AM
The <canvas> element for 2D drawing
The <video> and <audio> elements for media playback
Support for local storage
New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
New form controls, like calendar, date, time, email, url, search

Stiffen87
09-25-2013, 01:53 AM
To get more information on html5 just visit to w3cschools.com that will help you more and even refer the site for my knowledge.

stevex
12-15-2014, 12:46 AM
New Elements in HTML5

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 obsolete, never used, or not used the way they were intended. All those elements are removed or re-written in HTML5.

To better handle today's internet use, HTML5 also includes new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.
The New <canvas> Element
Tag Description
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)

New Media Elements
Tag Description
<audio> Defines sound content
<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 content (a plug-in)
<track> Defines text tracks for <video> and <audio>

New Form Elements
Tag Description
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

New Semantic/Structural Elements

HTML5 offers new elements for better structure:
Tag Description
<article> Defines an article
<aside> Defines content aside from the page content
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<command> Defines a command button that a user can invoke
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<summary> Defines a visible heading for a <details> element
<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> Defines a caption for a <figure> element
<footer> Defines a footer for a document or section
<header> Defines a header for a document or section
<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<progress> Represents the progress of a task
<ruby> Defines a ruby annotation (for East Asian typography)
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<section> Defines a section in a document
<time> Defines a date/time
<wbr> Defines a possible line-break
Thanks for sharing such useful information.

harry26
12-15-2014, 02:03 AM
HTML5 also includes new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements.

Olin Lamanna
12-17-2014, 08:02 AM
I think the new features would include: new semantic elements like <header>, <footer>, <article>, and <section>.

Sherin
08-30-2020, 11:48 PM
As mentioned, HTML5 has in its bag: new elements, attributes, and APIs. Some of the commonly(most) used elements in HTML5 have to be the media related elements like <video> and <audio> for obvious reasons. Also in use are the semantic elements which give an elegant structure to the web pages like: <section>, <article>, <aside>, <nav>, <header>, <figure>, and <figcaption> and newly added <main>

For instance, the <section> tag can be used as a container for a document and the <article> tag is suitable to articulate content as a newspaper article or a blog post such as this one. Below are listed a few tags and their suitable applications:

New form control attributes like a placeholder, autofocus, email, URL, required, pattern, number, range, color, tel, search, date, date-time, file, required as an attribute. autofocus , autocomplete=”off”, autocomplete=”on”,data list ,min and max ,enable, read-only , disable ,size.

The most interesting new API’s are:

HTML Geolocation: HTML Geolocation is used to locate a user’s position. The HTML Geolocation API is used to get the geographical position of a user.
HTML Drag and Drop: Drag and drop is a very common feature. It is when you “grab” an object and drag it to a different location.
HTML Local Storage: With local storage, web applications can store data locally within the user’s browser.

nicksavoia
09-02-2020, 07:23 AM
In Html5, some new tags are added to make it more simplify.

Sherin
09-02-2020, 07:44 AM
As mentioned, HTML5 has in its bag: new elements, attributes, and APIs. Some of the commonly(most) used elements in HTML5 have to be the media related elements like <video> and <audio> for obvious reasons. Also in use are the semantic elements which give an elegant structure to the web pages like: <section>, <article>, <aside>, <nav>, <header>, <figure>, and <figcaption> and newly added <main>

For instance, the <section> tag can be used as a container for a document and the <article> tag is suitable to articulate content as a newspaper article or a blog post such as this one. Below are listed a few tags and their suitable applications:

New form control attributes like a placeholder, autofocus, email, URL, required, pattern, number, range, color, tel, search, date, date-time, file, required as an attribute. autofocus , autocomplete=”off”, autocomplete=”on”,data list ,min and max ,enable, read-only , disable ,size.

The most interesting new API’s are:

HTML Geolocation: HTML Geolocation is used to locate a user’s position. The HTML Geolocation API is used to get the geographical position of a user.
HTML Drag and Drop: Drag and drop is a very common feature. It is when you “grab” an object and drag it to a different location.
HTML Local Storage: With local storage, web applications can store data locally within the user’s browser.

jesica
09-04-2020, 07:49 AM
Video and audio are the new tags that allow you to embed a video on the website.
The nav element is used for the part of an internet site that links to different pages on the website.