HTML5 Tutorial
Why use HTML5
HTML History
- From 1991 to 1999, HTML developed from version 1 to
version 4.
- In year 2000, the World Wide Web Consortium (W3C)
recommended XHTML 1.0. The XHTML syntax was strict, and the developers
were forced to write valid and "well-formed" code.
- In 2004, W3C's decided to close down the development of
HTML, in favor of XHTML.
- In 2004, WHATWG (Web Hypertext Application Technology
Working Group) was formed. The WHATWG wanted to develop HTML, consistent
with how the web was used, while being backward compatible
with older versions of HTML.
- In 2004 - 2006, the WHATWG gained support by the major
browser vendors.
- In 2006, W3C announced that they would support WHATWG.
- In 2008, the first HTML5 public draft was released.
- In 2012, WHATWG and W3C decided on a separation:
What is New in HTML5?
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
New HTML5 Elements
HTML 5 Example
Let's see a simple example of HTML5.
Year Version
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
|
Tag
|
Description
|
|
<article>
|
This element is used to define an
independent piece of content in a document, that may be a blog, a magazine or
a newspaper article.
|
|
<aside>
|
It specifies that article is
slightly related to the rest of the whole page.
|
|
<audio>
|
It is used to play audio file in
HTML.
|
|
<bdi>
|
The bdi stands for bi-directional
isolation. It isolates a part of text that is formatted in other direction
from the outside text document.
|
|
<canvas>
|
It is used to draw canvas.
|
|
<data>
|
It provides machine readable
version of its data.
|
|
<datalist>
|
It provides auto complete feature
for textfield.
|
|
<details>
|
It specifies the additional
information or controls required by user.
|
|
<dialog>
|
It defines a window or a dialog
box.
|
|
<figcaption>
|
It is used to define a caption for
a <figure> element.
|
|
<figure>
|
It defines a self-contained
content like photos, diagrams etc.
|
|
<footer>
|
It defines a footer for a section.
|
|
<header>
|
It defines a header for a section.
|
|
<main>
|
It defines the main content of a
document.
|
|
<mark>
|
It specifies the marked or
highlighted content.
|
|
<menuitem>
|
It defines a command that the user
can invoke from a popup menu.
|
|
<meter>
|
It is used to measure the scalar
value within a given range.
|
|
<nav>
|
It is used to define the
navigation link in the document.
|
|
<progress>
|
It specifies the progress of the
task.
|
|
<rp>
|
It defines what to show in browser
that don't support ruby annotation.
|
|
<rt>
|
It defines an
explanation/pronunciation of characters.
|
|
<ruby>
|
It defines ruby annotation along
with <rp> and <rt>.
|
|
<section>
|
It defines a section in the
document.
|
|
<summary>
|
It specifies a visible heading for
<detailed> element.
|
|
<svg>
|
It is used to display shapes.
|
|
<time>
|
It is used to define a date/time.
|
|
<video>
|
It is used to play video file in
HTML.
|
|
<wbr>
|
It defines a possible line break.
|
No comments:
Post a Comment