Intro to JavaScript
JavaScript is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language and which is used with the html in developing Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB.
It is a prototype-based,multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

 Object
Object is one of the datatype in JavaScript.Mostly we will deal with Object's in JavaScript.JavaScript allows you to define your own objects.

1.we can declare objects by using an Object function.
2.Initiate the Object with the 'new' keyword.

 Type 1
through constructor function,is similar to class creation

function objectName(parametrs){ this.property=parametrs;}
Instantiate the newly created object by using the "new" keyword
var myobject=new objectName("hello")

Type 2
var person={fName:"Alex",lName:"Don",age:27}
You can also add object properties and methods later on creation also 
preson.country="USA"
Assigning new properties for the object Getting Properties for the object as 
var pName=preson.fname //with dot notation 
var pName=preson["lName"] //with array notation

HTML5 


Html5 offers new features that provide not only rich media support,but also enhance support for creating web applications that can interact with the user local data,and servers, more easily and effectively that was possible previously,besides that it has it's limitations also.with the browser types and versions.

Sources that driven for HTML5
  • to limit the extra plug-in like flash.
  • javascript has to replace more with the html5 features
  • should work irrespective of the device and screen


Differences and Advantages of HTML5 with the older versions(Comparison study)

A simple html5 doctype declaration < !DOCTYPE html >





New elements in html5





1.Section Element < section > tells sections in a document

Example:the below said images are the basic difference which refers the html4(with div element) and html5(with section element) document structure.









HTML5 Page Structure










Without HTML5 





2. HTML5 Structural elements



Humans can tell the difference content apart by seeing the html code of  the document.but machines can't,the browser doesn't see the different divs as header,footer, etc.browser can understand them as different divs.





 







it therefore makes a lot of sense to define a consistent  set of elements for every one to use for the common structural blocks that appears on so many websites,and this is what exactly defined in html5 structural elements



  <header> : Used to contain the header content of a site

<footer>  : Contains the footer content of the site

<nav&amp&gt; :navigation functionality of the page

<section> :Used to either group different articles into different purposes or subjects,or to define different sections of a single article.

<aside> :Defines a block of content that is related to the main content around it,but not central to the flow of it.




















 Click here for Other Structural Elements 


   

TTag Name

   

Used For

  


   

<bdi>

   

Used for part of text that might be formatted in a different   direction from other text outside it

  


   

<details>

   

Used for additional details that the user can view or hide

  


   

<dialog>

   

Used for dialog box or window

  


   

<figcaption>

   

Used for caption for a <figure> element

  


   

<figure>

   

Defines self-contained content, like illustrations, diagrams,   photos, code listings, etc.

  


   

<footer>

   

Used for footer for the document or a section

  


   

<header>

   

Used for header for the document or a section

  


   

<main>

   

Defines the main content of a document

  


   

<mark>

   

Defines marked or highlighted text

  


   

<menuitem> 

   

Used for command/menu item that the user can invoke from a   popup menu

  


   

<meter>

   

Used for scalar measurement within a known range (a gauge)

  


   

<nav>

   

Defines navigation links in the document

  


   

<progress>

   

Defines the progress of a task

  


   

<rp>

   

Defines what to show in browsers that do not support ruby   annotations

  


   

<rt>

   

Used forn explanation/pronunciation of characters (for East   Asian typography)

  


   

<ruby>

   

Used for ruby annotation (for East Asian typography)

  


   

<section>

   

Used for section in the document

  


   

<summary>

   

Used for visible heading for a <details> element

  


   

<time>

   

Used for date/time

  


   

<wbr>

   

Used for possible line-break

  




 











Posted by

















Labels: