Quantcast
Channel: PHP Scripts | Java scripts for web development
Viewing all articles
Browse latest Browse all 12

Get Started with HTML 5 website

$
0
0

HTML 5 is a new and improved next generation of HTML, it is the fifth revision of the HTML standard.
Web has made lot of changes after it’s previous version of HTML and HTML 4.01

Work on HTML 5 is still in progress, HTML 5 adds so many new feature that enable developers to create apps and websites with the functionality, speed and performance.

HTML5 made your browser a platform for game, graphical movies, animation and more multimedia features,it has more new feature like CSS3, 3D CSS, Vector graphics, 3D Graphics and good quality of audio.

New and modern website HTML5 has introduces number of new elements and attributes like for navigation <nav>, for footer tags <footer> or bottom of the page , instead of <object> HTML 5 use <audio> and <video>

Some new feature of HTML5
Very simple <!doctype> declaration
<!DOCTYPE html>

Layout Tags
HTML 5 introduce new layout tags, even you can define the web page section without using the div tags.

<article> – is used for main content of page
<aside> – Content aside from the page content
<summary> – visible heading for a <details> element
<figure> – Content like photos, code listings, diagrams with caption
<footer> – Used for the footer of the page
<header> – Used for the header of the page
<nav> – Specially define for the page navigation
<section> – any section or portion of the page

Multimedia Content

HTML 5 made easy to add the video and audio to Web pages. Simply add the audio and video tag or you can use the source tag to add files.
<audio> – Add the audio stream
<video> – Add the video stream
<source> – This tag use for multiple media like video or audio source files
<embed> – Tag use for any external plug-in, interactive content or application
<track> – Tag use for text tracks for <video> and <audio> tags

Ajax or DHTML and Web Applications

In this section add new tags for Web applications, Ajax, and DHTML.

<canvas> – Used for on the fly drawing via scripting normally JavaScripts
<command> – A command button that can use to send information to server or script
<datagrid> – references dynamic data in a tree form or tabular data form
<datalist> – Used for pre-defined list or drop-down list options for input controls
<details> – Used to provide user control to view or hide the content
<output> – Used to show output of script or any type of calculation
<progress> – Used to show a progress bar

More tags
<keygen> – Used in forms for key-pair generator field
<dialog> – Show the conversation or people talking
<hgroup> – Grouping of header tags <h1> to <h6> elements
<meter> – Scalar measurement within a known range gauge
<mark> – Marked text for reference purposes
<time> – a Date or Time
<wbr> – line-break
<rp> – Which can’t handle by ruby for user-agents
<rt> – Ruby text, the text of the annotation
<ruby> – span for a ruby annotation

Not supported in HTML5
Some tags Not supported in HTML5
<acronym>
<applet>
<basefont>
<big>
<center>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>


Viewing all articles
Browse latest Browse all 12

Trending Articles