Tuesday, 14 February 2017

HTML 5 New Tag List

Page Structure

<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title of the document</title>
</head>

<body>
    Content of the document......
</body>

</html>

HTML 5 New Tag List

Tag Name
Detail Description
<article>
Defines an article in the document
<aside>
Defines content aside from the page content
Defines a part of text that might be formatted in a different direction from other text
Defines additional details that the user can view or hide
Defines a dialog box or window
Defines a caption for a <figure> element
Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer>
Defines a footer for the document or a section
<header>
Defines a header for the document or a section
<main>
Defines the main content of a document
<mark>
Defines marked or highlighted text
Defines a command/menu item that the user can invoke from a popup menu
Defines a scalar measurement within a known range (a gauge)
<nav>
Defines navigation links in the document
Defines the progress of a task
<rp>
Defines what to show in browsers that do not support ruby annotations
<rt>
Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>
Defines a ruby annotation (for East Asian typography)
<section>
Defines a section in the document
<summary>
Defines a visible heading for a <details> element
<time>
Defines a date/time
<wbr>
Defines a possible line-break

HTML 4 Remove Tag List

HTML 4 Remove Tag List

Tags (Elements)
Description
<acronym>
Defines an acronym
<applet>
Defines an applet
<basefont>
Defines an base font for the page.
<big>
Defines big text
<center>
Defines centered text
<dir>
Defines a directory list
<font>
Defines text font, size, and color
<frame>
Defines a frame
<frameset>
Defines a set of frames
<isindex>
Defines a single-line input field
<noframes>
Defines a noframe section
<s>
Defines strikethrough text
<strike>
Defines strikethrough text
<tt>
Defines teletype text
<u>
Defines underlined text

]
































Monday, 13 February 2017

HTML 4 VS HTML 5

HTML 4 VS HTML 5 Example

This is about live example of what is exactly page wise difference between HTML 4 and HTML 5. In HTML 4 we use div as page structure schema which is old now. Normally we make CSS classes for header,menu,section,article,footer etc. HTML 5 minimize this complexity by introducing new page structure element like header,footer,menu,section,acticle etc. these new tags simplified your page structure which was mess in previous for beginner. In upcoming example you will see a complete web page design separately in HTML4 and HTML5. After this example I am sure you will be able to understand what exactly difference between HTML 4 and 5 .

HTML 4


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

HTML 5 SVG

SVG is a standard for drawing shapes in browsers. However, SVG is at a fundamentally higher level because each drawn shape is remembered as an object in a scene graph or DOM, which is subsequently rendered to a bit map. This means that if attributes of an SVG object are changed, the browser can automatically re-render the scene.
SVG images are represented in XML, and complex scenes can be created and maintained with XML editing tools