Tuesday 14 February 2017

BDI HTML 5

BDI tag isolates its text from default alignment of your HTML setting. Most of website language is English and its default alignment is left to right but when we write something in URDU then as we know alignment of URDU is right to left BDI tag help its alignment as in URDU. To check this then tries to use backspace from your browser. Text will be deleted from left to right.

<ul>
  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

Next Topic

Posted by at No comments:

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
<bdi>
Defines a part of text that might be formatted in a different direction from other text
<details>
Defines additional details that the user can view or hide
<dialog>
Defines a dialog box or window
<figcaption>
Defines a caption for a <figure> element
<figure>
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
<menuitem> 
Defines a command/menu item that the user can invoke from a popup menu
<meter>
Defines a 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>
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

Posted by at No comments:

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

]
































Posted by at No comments:

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">
Read more »
Posted by at No comments:
Subscribe to: Posts (Atom)