|
|
|
|
|
|
|
Author Rank :
|
|
|
Page Views :
|
850
|
|
Downloads :
|
0
|
|
Rating :
|
Rate it
|
|
Level :
|
Beginner
|
|
|
The way of using web and internet has changed a lot since 1999 when HTML 4.01 was released and made a standard back then. Now a days, there are many elements of HTML 4.01 which has become obsolete, or else not used anymore, atleast not in in a way that they were intended to be.
These elements have been re written or deleted in HTML5. To improve the today's internet use, HTML5 has been introduced many new elements include better structure, drawing, media content and a much better form handling.
HTML 5 New Markup ElementsHTML5 introduced new markup elements for better structure listed below:
|
| Tag |
Description |
| <article> |
Any content like text from a news-article, blog, forum from an external source. |
| <aside> |
For aside content which is related to its surrounding content. |
| <command> |
A button, radiobutton, or a checkbox. |
| <details> |
Describing details about a document, or parts of a document. |
| <summary> |
For the details element consists of caption, or summary. |
| <figure> |
For grouping a section of stand-alone content, could be a video. |
| <figcaption> |
The caption of the figure section. |
| <footer> |
For footer of a document or a section, include name of the author, document's date, contact information, or copyright information. |
| <header> |
For an introduction of a document or section, should include navigation. |
| <hgroup> |
For a section of headings, using <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings. |
| <mark> |
For text that should be highlighted. |
| <meter> |
For a measurement which is used only if the maximum and minimum values are known. |
| <nav> |
For a section of navigation. |
| <progress> |
The state of a work in progress. |
| <ruby> |
For ruby annotation (Chinese notes or characters). |
| <rt> |
Explanation of the ruby annotation. |
| <rp> |
What to show browsers that do not support the ruby element. |
| <section> |
Sections of the document like chapters, headers, footers, etc. |
| <time> |
For defining a time or a date, or both. |
| <wbr> |
For defining a line-break opportunity or word break. |
HTML5 New Media Elements
HTML 5 provides a new standard for media content elements:
|
| Tag |
Description |
| <audio> |
Multimedia content such as sounds, music or other audio streams. |
| <video> |
For video content like a movie clip or other video streams. |
| <source> |
Defined inside video or audio elements resources for media elements. |
| <embed> |
For embedded content, such as a plug-in. |
The Canvas Element for drawing in HTML5
The canvas element has been introduced in HTML5 which uses JavaScript to enable the user to draw on a web page:
|
| Tag |
Description |
| <canvas> |
For making graphics with a script. |
HTML5 New Form ElementsHTML5 offers much more form elements, with much more functionality and many new features:
|
| Tag |
Description |
| <datalist> |
List of options for input values. |
| <keygen> |
To generate keys to authenticate users. |
| <output> |
For different types of output, such as output written by a script. |
New Input Type Attribute Values introduced in HTML5HTML5 introduced many new input element type attributes with many new values to allow much better control on input before sending the form data to the server:
|
| Type |
Description |
| tel |
Telephone number type input value. |
| search |
The input field is a search field. |
| url |
The input value is a URL. |
| email |
For one or more email addresses. |
| datetime |
Input value is a date and/or time. |
| date |
The input value is a date. |
| month |
The input value is a month. |
| week |
The input value is a week. |
| time |
A time type input value. |
| datetime-local |
The input value is of local datetime type. |
| number |
The input value is a number. |
| range |
A number in a given range. |
| color |
The input value is a hexadecimal color, like #HF5600 |
Note: Most of the new elements in HTML 5 are directly related to content structure and information types.
|
|
Comment Request!
Thank you for reading this post. Please post your feedback, question, or comments about this post
Here.
|
|
|
|
|
Login
to add your contents and source code to this article
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
C# Consulting is founded in 2002 by the founders of C# Corner. Unlike a traditional
consulting company, our consultants are well-known experts in .NET and many of them
are MVPs, authors, and trainers. We specialize in Microsoft .NET development and
utilize Agile Development and Extreme Programming practices to provide fast pace
quick turnaround results. Our software development model is a mix of Agile Development,
traditional SDLC, and Waterfall models.
|
|
Click here to learn more about C# Consulting. |
|
|
|
|
|
|
|
Introducing MaxV - one click. infinite control. Hyper-V Hosting from MaximumASP.
Finally – a virtual platform that delivers next-generation Windows Server 2008 Hyper-V virtualization technology from a managed hosting partner you can truly depend on. Visit www.maximumasp.com/max for a FREE 30 day trial. Hurry offer ends soon.
Climb aboard the MaxV platform and take advantage of High Availability, Intelligent Monitoring, Recurrent Backups, and Scalability – with no hassle or hidden fees.
As a managed hosting partner focused solely on Microsoft technologies since 2000, MaximumASP is uniquely qualified to provide the superior support that our business is built on. Unparalleled expertise with Microsoft technologies lead to working directly with Microsoft as first to offer IIS 7 and SQL 2008 betas in a hosted environment; partnering in the Go Live Program for Hyper-V; and product co-launches built on WS 2008 with Hyper-V technology.
|
Dynamic PDF
ceTE software specializes in components for dynamic PDF generation and manipulation. The DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and new content to existing PDF documents from within your applications.
|
Nevron Chart for .NET 2010.1 Now Available
The leading .NET charting control now features PDF, Flash and Silverlight export, visualization of large datasets and more. Deliver true charting functionality to your BI, Scorecard, Presentation or Scientific apps. Download evaluation now.
|
ASP.NET 4 Hosting
Get 2 Months Free of ASP.NET Hosting for Only $4.95/month! Receive FREE MS SQL and MySQL Databases Including ASP.NET 4/3.5, MVC 3.0, Silverlight 4, Windows 2008/IIS 7.0 Plus FREE IIS 7 Modules. Host UNLIMITED ASP.NET Web Sites – Click Here!
|
|
|
|
|
|
|
|
|
|
|
|
|