Wednesday, March 27, 2013

Do you know the difference?

This tutorial will let you know the difference of HTML, XHML and DHTML , also HTML4 and HTML5


HTML
XHTML
DHTML
HTML (Hypertext Markup Language) is the primary technology used in the development of simple web sites.
XHTML (Extensible Hypertext Markup Language) is almost identical HTML with the exception of a stricter set of syntactic rules based on the XML standard.
technologies used to move beyond the static presentation of information to create more interactive web pages
HTML you can use an opening tag in many instances without a matching closing tag
- XHTML each opening tag must have a matching closing tag.
-Attributes must be in lowercase as XML.
-Special characters between tags need to be replaced with its code equivalent.
DHTML means a combination of XHTML , CSS and JavaScript, DOM

HTML4
HTML5
DOCTYPE is much longer as
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE is required to enable standards mode for HTML documents.
<!DOCTYPE html>
Audio and Video are not part of HTML4 specification
Audio and Videos are integral part of HTML5 specifications e.g. <audio> and <video> tags
Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc.
Vector graphics is integral part of HTML5 e.g. SVG and canvas
Browser cache can be used as temporary storage.
Application Cache and Web storage is available as client side storage. Accessible using JavaScript interface in HTML5 compliant browsers.
Works with all old browsers
Most of modern browser have started supporting HTML5 specification e.g. Firefox, Mozilla, Opera, Chrome, Safari  etc.
Does not allow JavaScript to run in browser
Allows JavaScript to run in background.
Frames are allowed
No more frames

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, ruby, section, source, summary, time and video.
Type specification for css & scripts is must.
No More Types for Scripts and Links

Make your Content Editable
Email Inputs

Placeholders has been introduced

Header and Footer tags

Required Attribute

Autofocus Attribute

Regular Expressions

1 comment:

  1. @ram "No more frames in HTML 5":
    No, HTML5 has iFrame, only frame set is deprecated.
    Apps like Gmail, google maps, youtube, etc are using iFrame in a wise way.

    We can still use iFrame in wise way.

    ReplyDelete