Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
3Activity
0 of .
Results for:
No results containing your search query
P. 1
Overview of HTML5

Overview of HTML5

Ratings:

5.0

(1)
|Views: 165 |Likes:
Published by tech2click

More info:

Published by: tech2click on Feb 24, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC or read online from Scribd
See more
See less

07/05/2010

 
O
VERVIEW
 
OF
HTML 5
Khuloud N. Al-Odan
A
BSTRACT
HTML 5 addresses the needs of Web Applications, an area previously not adequately covered by HTML. Also it attempts to solve problems found in previous versions of HTML with a wide range of new features including form controls, APIs, multimedia, structure and semantics.In this paper I will talk about HTML 5 concepts, the difference between it and the older versions. Also introduce some new features that will help Web developer and authors.
Keywords
HTML, API, XML, DOM, W3C.
1.I
NTRODUCTION
Hyper text markup language as known as HTML was introduced in early of 1990. The most known version ofit was HTML 4 which has been around for a decade now. But the main area that has not been addressed yetis Web Application. To give authors more flexibility and enable more interactive websites, HTML 5 wasintroduced [2].The work on HTML 5 was started in late 2003 as a proof of concept to show how to support and enhance theareas that are not covered by HTML 4, Also to provide new features.In 2006, W3C (World Wide Web Consortium) and WHATWG (Web Hypertext Application Technology WorkingGroup) joined their forces on development of the HTML 5. And since that time the work is still in the processand HTML 5 is not yet final.
2.O
VERVIEW
 
OF
HTML 5
HTML 5 is about moving HTML away from document markup, and turning it into a language for webapplications [5].
3.F
EATURES
 
PRESENTED
 
IN
HTML 5
3.1New Elements [4]
New elements are introduced in HTML 5, like:
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copiesare not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. To copyotherwise, to republish, to post on servers or to redistribute to lists, requires prior specific permission.The First Mini-Conference in Web Technologies and Trends (WTT)
 © 
2009 Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia
 
section 
represents a generic document or application section. It can be used together with h1-h6 toindicate the document structure.
article 
represents an independent piece of content of a document, such as a blog entry ornewspaper article.
aside 
represents a piece of content that is only slightly related to the rest of the page.
header 
represents the header of a section.
footer 
represents a footer for a section and can contain information about the author, copyrightinformation, et cetera.
nav 
represents a section of the document intended for navigation.
dialog 
can be used to mark up a conversation
Audio 
and
video 
for multimedia content. Both provide an API so application authors can script theirown user interface, but there is also a way to trigger a user interface provided by the user agent.source elements are used together with these elements if there are multiple streams available ofdifferent typesThere are a lot of other elements which enhance websites (for more details please refer to thereferences).
3.2New Attributes [4]
New global attribute:
The
contenteditable 
attribute indicates that the element is an editable area. The user can changethe contents of the element and manipulate the markup.
The
contextmenu 
attribute can be used to point to a context menu provided by the author.
The
draggable 
attribute can be used together with the new drag & drop API.
The
irrelevant 
attribute indicates that an element is not yet, or is no longer, relevant.There are several new attributes to elements which were introduced in HTML 4.
3.3New Structure [1]
HTML 5 introduces a whole set of new elements that make it much easier to structure pages. Most HTML 4pages include a variety of common structures, such as headers, footers and columns and today, it is fairlycommon to mark them up using div elements, giving each a descriptive id or class (see Figure 1).
 
Figure 1. Diagram illustrates a typical two-column layout marked up using divs with id and class attributes.
The use of div elements is largely because current versions of HTML 4 lack the necessary semantics fordescribing these parts more specifically. HTML 5 addresses this issue by introducing new elements forrepresenting each of these different sections (see figure 2). 
Figure 2. The div elements can be replaced with the new elements: header, nav, section, article, aside, and footer.
The markup for that document could look like the following:
<body> <header>...</header> <nav>...</nav> <article> <section> ...</section> </article> <aside>...</aside> <footer>...</footer> </body> 

Activity (3)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads
bhavinpatel82 liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->