Fonts that makes your website attractive and Pleasing

Fonts that makes your website attractive and Pleasing

Pleasing Fonts

Fonts

The look and feel of the website is what brings the audience and traffic to your website. There are various factors which counts a lot to make a website look neat and good. Choosing the right font for the right section is one of the toughest call that every designer has to take.

For a website to be interesting, it must be able to give its visitors a constant stimulation of freshness. Therefore, a successful website must have the ability to evolve as time goes by. For any good website, they must have the 5 factors so that the website is professional.

Firstly, what a professional website should have is the consistent look and feeling. What we are talking about right now is the mantra of the website. This is the feeling that surfers see when they arrive to your website. Throughout times, the website must have a consistent design, colors, font and general look. If your website has different fonts on different pages and the color scheme is changing as the visitor surfs through your website, it will create an unprofessional attitude because your website will look like a patchwork of web pages. This will also create a visual confusion to the visitors making them feel like your website links to their people’s website. Another point is, the visitors might feel that the contents in your website tend to be irrelevant. The best way to give the visitors a professional yet comfortable feel is to use 1 font as the heading and maybe 2 fonts for the text. As for the colors, you should use two primary colors and have a third one as a secondary color. The shading of your website should also be made up of one or two primary color one more for the secondary color. With all these elements build into your website, it will be able to create a sense of harmony and unified design.

Another issue to look after on your website is the consistent navigation. What we mean here is the way your visitors could get around your website. For instance, your links should always place at the same location in all pages. This is a matter of consistent and to achieve this will give your visitors an assured impression that you have gone through great effort in designing your website. This feature is very important so that users could get back to your home page no matter where they have gone in your website. This is very useful as visitors tend to want to get back to home page most of the time and being able to do that with just a click is a must. Another situation where this function could be useful is when someone lands into a subsidiary page on your site from a search engine or another website, they can easily find a way back to your home page.

Search function is also very important for your users so that they could search for specific details in your website. This can save him ample time so that he doesn’t have to go through all the pages in order to reach his destination. Next, your website should have well balance text and graphics. Too much complicated graphics may make your website load slower. Therefore, it creates a longer waiting time for your users. So, in spite of going for style, we must also remember the effectiveness of the website.

Contacts should be displayed with extra care and attention. Make sure that you phone numbers, logo and slogan is properly displayed. This is very important so that you customers can contact you if they feel the need to. It would be very frustrating if they can’t find a way to contact you.

If you website possesses all the factors that we have discuss, you will have a very informative, useful and effective website because visitors could get around easy, get information easily and so on. Make sure all the pages in your website have such elements and the foundation of your website will have the ideal balance. Then, your website will be successful.

Few tips for making your website attractive:

  1. Apply Bold to  the highlighting section
  2. Use of headers with heading is very important
  3. Use of H1,H2,H3,H4 tags
  4. Creating differentiation between section by implementing proper font and font sizes
  5. Choosing the right image[Info graphics]
  6. Headers and footers – Common to all pages
  7. Proper navigations between sections
  8. Use of proper scripts and forms.

How does font makes difference to the website.

Choosing the font is one the major call for designing a website. Its always good to choose a font which is commonly available on all platforms. Few people do use third party fonts, by embedding them into website, its loaded from some JavaScript, Offcourse it’s a good practice to implement good looking fonts on websites which makes them attractive but by doing this it might increase the load time of the site, which is not suggested though.

What are good fonts which are commonly available on all platforms?                    

I have gathered together a nice resource list of stunning web safe fonts that you can use with CSS stylesheets. “Web Safe” fonts mean that they will be extremely common on most versions of Windows, Mac, Linux etc, so they will be viewable by more a less everyone. Before I list these fonts, I want to let you know about one of the best font resources that has over 170,000 fonts to choose from.

Impact

impact

impact

[css].classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}[/css]

Palatino Linotype

palatino

palatino

[css].classname {
color: #333333;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
}[/css]

Tahoma

[css].classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}[/css]

Century Gothic

[css].classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}[/css]

Lucida Sans Unicode

[css].classname {
color: #333333;font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;}
[/css]

Arial Black

[css].classname {color: #333333;font-family: ‘Arial Black’, Gadget, sans-serif;}[/css]

Times New Roman

[css].classname {color: #333333;font-family: ‘Times New Roman’, Times, serif;}[/css]

Arial Narrow

[css].classname {color: #333333;font-family: ‘Arial Narrow’, sans-serif;}[/css]

Verdana


[css].classname {color: #333333;font-family: Verdana, Geneva, sans-serif;}[/css]

Copperplate Gothic Light

[css].classname {color: #333333;font-family: Copperplate / Copperplate Gothic Light, sans-serif;}[/css]

Lucida Console

[css].classname {color: #333333;font-family: ‘Lucida Console’, Monaco, monospace;}[/css]

Gill Sans

[css].classname {color: #333333;font-family: Gill Sans / Gill Sans MT, sans-serif;}[/css]

Trebuchet MS

[css].classname {color: #333333;font-family: ‘Trebuchet MS’, Helvetica, sans-serif;}[/css]

Courier New

[css].classname {color: #333333;font-family: ‘Courier New’, Courier, monospace;}[/css]

Arial

[css].classname {color: #333333;font-family: Arial, Helvetica, sans-serif;}[/css]

Georgia

[css].classname {color: #333333;font-family: Georgia, Serif;}[/css]

Best Font Sizes
Unless you’re a web designer, of course, a Windows, Macintosh, or other system will have only a handful of fonts installed. There is little overlap between the default installed fonts on these various systems. Already with many browsers, and increasingly in the future, readers will be able to decide on the fonts they want to view web pages with. With CSS, you can suggest a number of fonts, and cover as many bases as possible. But dont rely on a font being available regardless of how common it is.

More important still is font size. You may be aware that the same font, at the same point size on a Macintosh “looks smaller” than on most Windows machines. In a nutshell, this is because the logical resolution of a Macintosh is 72dpi, while the Windows default is 96dpi. The implications of this are significant. Firstly, it guarantees that it is essentially impossible to have text look identical on Macintoshes and Windows based systems. But if you embrace the adaptability philosophy it doesnt matter.

If you are concerned about exactly how a web page appears this is a sign that you are still arent thinking about adaptive pages. One of the most significant accessibility issues is font size. Small fonts are more difficult to read. For those of us with good eyesight, it can come as a shock that a significant percentage of the population has trouble reading anything below 14 point times on paper. Screens are less readable than paper, because of their lower resolution.

Does that mean the minimum point size we should use is 14 pts? That doesnt help those whose sight is even less strong. So what is the minimum point size we should use? None. Dont use points. This allows readers to choose the font size which suits them. The same goes even for pixels. Because of logical resolution differences, a pixel on one platform is not a pixel on another.

You can still suggest larger font sizes for headings and other elements. CSS provides several ways of suggesting the size of text in such a way as to aid adaptability. Well look at just one to get an idea.

With CSS you can specify font size as a percentage of the font size of a parent element. For example, headings are inside the BODY of the page. If you dont set a size for the text in the BODY, then the text of the BODY will be the size that the reader has chosen as their default size. Already we are aiding adaptability of our page, simply by doing nothing!

You might say but the text looks too big if I just leave it like that. Make it smaller then. But in your browser. And your readers will then have the option to make it bigger or smaller in their browsers too, depending on their tastes, or their needs.

We can make headings and other elements stand out using font size by specifying that headings of level 1 should be say 30% larger than the body text, level 2 should be 25% larger, and so on. Now, regardless of the size that the user chooses for their main text, headings will be scaled to be proportionally bigger than the main text. Similarly text can be scaled to be smaller than the body text, however, this can give rise to situations where the text can be illegibly small, so use with caution.

We’ve done very little really, just avoided using absolute font sizes, and used proportional sizes for headings, and we hvve already made our pages much more adaptable and accessible.

Tell your Stories on http://www.qwikstory.com – New Story teller in the World

If we go back to ages we might remember stories of our grandpa and grandma, the way they use to make us realize things using stories, all of them were all sweet memories as well learning lessons of morality. No we have all moved into a world where everything works and speaks with the use of technology. Social media and its advantages have changed the concept of human livings.

Story teller and Stories

Its now Quikstory who is in the news as new story teller to all people who live on Social medias, Qwikstory.com is a new social media site where people come together to create and write a story about a particular topic (or no topic at all).   Here’s the catch – once you start a story, you have only 1,000 characters to tell your part of the story and you can’t continue the story until at least one person has added to your Qwikstory.

Starting a Qwikstory is simple.  When logged into your account, simple click on “Start a Qwikstory” and enter all of the details.   You get to name your Qwikstory, and then you can elect to add an image to use as the cover.After that, you will be taken to a screen where you can make a few more decisions about your Qwikstory.  For example, you can make your Qwikstory public, which means that anyone can add the next part.  Or, you can make your new Qwikstory private, which means only those people that you invite can continue your Qwikstory.   After that, you can choose whether or not you want to approve any additions to your Qwikstory.   If you choose not to approve the additions, then any time someone continues your Qwikstory, the continued portion will automatically appear as part of your Qwikstory.  If you choose to approve the additions, then you will receive an email alert and be given the chance to approve or reject the addition by clicking the “My Original Qwikstories” in the “My Account” portion of the site.  There, you will be given the chance to review the new addition before it becomes part of your Qwikstory.If you would like to continue a Qwikstory, simply click on the “My Invitations” tab on the “My Account” screen and you can select from the multitude of invitations that you have received.

Hima says in her Blog (http://digitalwrestle.wordpress.com/2012/07/17/167/)

SQuikstory gives you many categories to write on. Such as:

  • Action/ Adventure
  • Children
  • Comedy
  • Erotic
  • General
  • Horror
  • Misty
  • Politics
  • Religious
  • Romance
  • Science
  • Science fiction/ fantasy
  • Sports
  • Suspense/ thriller
  • Western

An interesting feature of the Qwikstory.com site is its search feature that give access to a database that enables members to locate:

  • Qwikstory Topic: Gives you many topics to search your interest.
  • Top Qwikstories: List of  Qwickstories which is contributed by many users.
  • Qwikstory Users: Look at the list. May you find your friends.
  • Newest Qwikstories: New fishes in the sea.
  • Hot Qwikstories: List of hot Qwikstories as of now. So users can easily view which ones are getting the most traffic and drawing in the most readers.

Qwikstory also has the facility for members to send out invitations to friends and reading other persons’ Qwikstories.

“Simply put Qwikstory.com is site that facilitates collaborative online story writing experience,” the site owner said.

Creator B.E. McFadden states that “Qwikstory is meant to foster a sense of teamwork and personal thought.”

McFadden says he grew restless with the atmosphere of traditional social networking that encouraged the sharing of “useless information” which didn’t require a great deal of communication, reading or writing skills.

“I wanted to come up with a concept that combines the good aspects of Facebook and Twitter while also trying to give people the opportunity to interact with their friends in a creative way,” McFadden says.

While the site has only just been developed, there is already talk of a new feature that will aim to collect the entire story after it is completed and create it into a printable or e-book format available for purchase.

Joining Qwikstory.com is easy – and free.

“If you have an existing Facebook or Twitter account, you can quickly login with either account on the home page at http://www.qwikstory.com/,” said the site’s owner.

“Or, if you prefer, you can join by clicking the link below: http://www.qwikstory.com/join-now.php,” the site owner added.

Now let’s wait and watch how much new bird will get attention in Social Marketing.Let me know your reviews and thought about Qwikstory.com.
_______________________________________________________________________

Well I am a true lover of stories, I am their to read your stories and write stories.. What are you waiting for come and join me on http://www.qwikstory.com. Looking forward to read your stories to tell stories.

Promote Brand and Branding with Social Media

How to Promote Brand

Logo - [Allowed to use only on this blog - Copyrights]

Logo – [Allowed to use only on this blog – Copyrights]

 

Branding and promoting a brand is one of the vital aspect of business. Services can be offered very effectively and easily for a known brand. Establishing and making  a brand known to rest of the world is one of the major task of every business enterprise. There are many ways to promote a brand and it is important that you do so. Promoting your brand is very critical to your business. It is no luck that Nike became one of the most famous and influential sports gear company in history. They didn’t sit around waiting for shoppers to see what they had, they promoted it like crazy! Nike spent billions on advertising to get to where they are today. However, they are a multinational company so relax if you think you have to spend the amount Nike did.

The place where you established your company is your headquarters. Best to promote your brand in the city you are located first. Start small and think big later. Attract consumers through promotion and advertising. Most Important… You need a product or service to make use of Brand.

What Brand Needs

  1. Name
  2. Logo
  3. Slogan
  4. Theme Song
  5. Color theme

How can a Brand be promoted?

There are various ways a brand can be promoted so that it can be known and effective. Some of the best methods of promoting a brand

  1. Billboards
  2. Brochures
  3. Commercial
  4. Online Advertising
  5. Print Ads (magazine, newspaper)
  6. Radio Ad – How to create a Radio Ad for little to no cost.
  7. Signs and Flyers
  8. Sponsor
  9. Sweepstakes or (Online)Contests
  10. Website
  11. Word of Mouth (WOM) – Marketing using WOM

You need to generate hype and customer’s retention rate so they will remember your brand and hopefully make a purchase on your products or services. That first purchase is very important since it will show the qualities of your products or services to the costumers which will determine if they will repeat the purchase. Repeated purchases promote trust and loyalty and soon you will have loyal customers.

Along with the above awareness its important that we need to use online awareness methods of making brand recognize to others, Off course, Social media, has become a new breather to breathe for business people. One can easily create awareness using social media sites. This has become one of the effective source of marketing for all gen X – i.e people belonging to 21st century. Its very simple to create awareness in social media just follow the following steps you can find results immediately:
branding-with-social-media

  1. Consider using popular, free options like blogs, TwitterFacebookLinkedInYouTube, and so on. Of course, for small-business owners without the manpower to effectively manage too many destinations, you should consider testing each of these to determine which social media service you’re most likely to stick with over the long haul. This will become your core destination. All your other online destinations should link back to the core
  2. Publish meaningful and useful Content: One of the most important aspects to accomplishing this with your branded online destinations is to continually publish meaningful content that adds value to the reader’s experience. The goal is to publish useful information that people will want to talk about — and then share with their own audiences. This creates additional ways for people to find your branded destinations and it can lead to higher rankings from search engines like Google. Here’s one way to think about it: If you have a website with 10 pages of content, there are 10 ways for search engines to find your site. If you attach a blog to that website and write a new post every day for a year, you will have 365 more ways for Google to find your site, and your brand. I call this the compounding effect of blogging. You cannot buy that kind of access to a global audience.
  3. Endorsement: Since the world is run by people’s recommendations, it is better for you to get an endorsement from a happy customer, or perhaps an expert of the industry, or a respected society figure. This will give you more credibility as well as respect so the more positive things people say about you, your brand will definitely grow bigger as well.
  4. Think different and Act different: If you are able to offer a totally new perspective and a fresh concept, a lot of people will gravitate to you. That is why it is very vital that you learn to have a unique identity and take a specific niche for you business. The more you are able to make use of your distinctive personality and different ideas, and carve your very own niche, and then you are off to a better future.
  5. Give more than what you receive:  Success in social media marketing depends on being useful and developing relationships. If you spend all of your time promoting then no one will want to listen to you. It’s not a short-term tactic, rather a long-term strategy that can deliver sustainable, organic growth through ongoing, consistent participation. A good rule of thumb is to apply the 80-20 rule to your social media marketing efforts. Spend no more than 20 percent of your time in self-promotional activities and conversations, and at least 80 percent on non-self-promotional activities. In time, you’ll see your business grow from your efforts. And it starts with leveraging these fundamentals.

What You Should Wear in Office

Summer days are always tuff to dress up and people prefer dresses getting shorter.

office-wear

One need to be carefully dressup himself for office purpose to make themselves look professional. If one dosent know what to wear during hot days of summer, you can follow following suggestion to dress up yourself well and perfect for summer days.

Professional wear

Professional wear

Follow a policy of avoiding short dresses specially mini’s, Always goodto use mini’s which are few inches above the knee and a decent pair of shoes/sandals. You should need to feel comfort with your wears, one with uncomfortness can lead to many complications, so its a good practise to wear comfortable wears which makes you comfort for all ocasions of office during office hours.

professional - wear for men

professional – wear for men

Do not dressup yourself in sloppy wears, Avoid loose fiting and tight fittings. Avoid dresses which become topic of comments for others, such as the knee minis, uncovered arms, transferent wears.

e-Mail Marketing

EMAIL-MARKETING

EMAIL-MARKETING

 

Email marketing
Email marketing is directly marketing a commercial message to a group of people using electronic mail (email). In its broadest sense, every email sent to a potential or current customer could be considered email marketing. It usually involves using email to send ads, request business, or solicit sales or donations, and is meant to build loyalty, trust, or brand awareness. Email marketing can be done to either cold lists or current customer database. Broadly, the term is usually used to refer to:

Sending email messages with the purpose of enhancing the relationship of a merchant with its current or previous customers, to encourage customer loyalty and repeat business,

Sending email messages with the purpose of acquiring new customers or convincing current customers to purchase something immediately,

Adding advertisements to email messages sent by other companies to their customers

Researchers estimate that United States firms alone spent US $1.51 billion on email marketing in 2011 and will grow to $2.468 billion by 2016.

Types of email marketing

Types of email marketing

Types of email marketing

Email newsletters

Email Newsletters are direct emails sent out on a regular basis to a list of subscribers, customers. The primary purpose of an email newsletter is to build upon the relationship of the company with their customers/subscribers.

Transactional emails

Transactional emails are usually triggered based on a customer’s action with a company. Triggered transactional messages include dropped basket messages, purchase or order confirmation emails and email receipts.

The primary purpose of a transactional email is to convey information regarding the action that triggered it. But, due to its high open rates (51.3% compared to 36.6% for email newsletters), transactional emails are a golden opportunity to engage customers; to introduce or extend the email relationship with customers or subscribers, to anticipate and answer questions or to cross-sell or up-sell products or services.

Many email newsletter software vendors offer transactional email support, which gives companies the ability to include promotional messages within the body of transactional emails. There are also software vendors that offer specialized transactional email marketing services, which include providing targeted and personalized transactional email messages and running specific marketing campaigns (such as customer referral programs).

Direct emails

Direct email involves sending an email solely to communicate a promotional message (for example, an announcement of a special offer or a catalog of products). Companies usually collect a list of customer or prospect email addresses to send direct promotional messages to, or they can also rent a list of email addresses from service companies.

EMAIL-MARKETING-Advantages

EMAIL-MARKETING-Advantages

Advantages

Email marketing (on the Internet) is popular with companies for several reasons:

An exact return on investment can be tracked (“track to basket”) and has proven to be high when done properly. Email marketing is often reported as second only to search marketing as the most effective online marketing tactic.

Advertisers can reach substantial numbers of email subscribers who have opted in (i.e., consented) to receive email communications on subjects of interest to them.

Almost half of American Internet users check or send email on a typical day, with email blasts that are delivered between 1 a.m. and 5 a.m. outperforming those sent at other times in open and click rates.

Email is popular with digital marketers, rising an estimated 15% in 2009 to £292m in the UK.

Disadvantages

A report issued by the email services company Return Path, as of mid-2008 email deliverability is still an issue for legitimate marketers. According to the report, legitimate email servers averaged a delivery rate of 56%; twenty percent of the messages were rejected, and eight percent were filtered.

Companies considering the use of an email marketing program must make sure that their program does not violate spam laws such as the United States’ Controlling the Assault of Non-Solicited Pornography and Marketing Act (CAN-SPAM), the European Privacy and Electronic Communications Regulations 2003, or their Internet service provider’s acceptable use policy. Companies usually collect a list of customer or prospect email addresses to send direct promotional messages to, or they can also rent a list of email addresses from service companies.

Tips on how to Send E-mail Marketing Campaigns

Tips on how to Send E-mail Marketing Campaigns

Tips on how to Send E-mail Marketing Campaigns

Define the purpose of your Email Campaign :
To Start e-mail campaign on the right foot, be certain about what you define through the campaign and have a clear goad and purpose about the campaign.

Develop and Prepare your email list
Build and email list by encouraging current, previous and prospective customers to provide you with their mail address. Entice them to give you permission to send them email by providing a basic clipboard on your front counter or submit form on your website, that states “sign up here to receive coupons and discounts by email” or “ Register Here to get free email Newsletter!” Targeted opt-in email lists of individuals interested in what you offer can also be purchased at reasonable prices.

Establish a time table
When to make a campaign is important course of action to be taken while doing email marketing. Decide on how frequently you will be sending your broadcasts. There is a fine line between over doing it and not reacting out enough in order to build and maintain long-term relationships. Using a mixture of useful content and promotional messages and sending it at varying time intervals is an acceptable practice. Avoid sending too many promotional related emails.

Send emails when Readers are most receptive
Independents studies have shown the best response rates are generated from email campaigns sent on Tuesdays and Wednesday – Each region of the world has specific days, during which email campaign gets more responses, so its important to choose a specific day of action.

Write Compelling Email messages
The test body of your email is critical, Ensure your message gets right to the point with captivating content, exciting news or special offers. Be certain to include a sense of urgency with any promotional material – (i.e. Offer Expiry). Please the most important portions of your message n the first paragraph. Use bullet points to make it easy to read. Use of pleasing and clear fonts, size and colors. Inclusion of responsive mail addresses, website and mobile numbers are very important.

Use a Powerful subject line
First impression are everything!! Capture the recipients attention  with the subject line. Studies have shown a well written subject line can produce open rates 10-20 greater than subject lines that are not.

Use a Strong call to Action
Use words that urge the reader of a promotional message to take immediate action such as “Call No” or “Click here” A retail advertisement without a call to action is considered incomplete and does not convert well.

 Be Personable
Lets face it: Getting one on one personal attention is better than dealing with a faceless corporation any day of the week. Refrain from trying to sound professional and tone down the corporate speak. Your customers and prospects are your friends. Speak to them like a real people. Your response and click thru rates depend on it.

Include Unsubscribe Link
Refrain from holding the recipients of your message hostage and provide your readers with an easy and convenient method to unsubscribe from your list. It is mandated by law that you must honor all unsubscribe requests within 10 days. In addition avoid the use of deceptive headers, form names, reply-to email addresses and subject lines. All unsubscribe links in your physical mailing address in the footer of your message to identify to yourself.

Tracking Performance
This is an often over looked step. Tracking the links in your outbound messages will allow you to gain valuable insight and uncover what works and what doesn’t within your campaigns. Tracking is a standard feature in certain email marketing systems like Reliant Email. Tracking details are extremely helpful when fine tuning your email campaigns. Track what subject likes generate the most opens during your broadcasts. Analyze which messages produce the most click through to your website or phone calls to your business.

Refine and Repeat
What did you learn from your first round of email campaigns? Here are some question you can ask yourself:

What worked and what did not?

Did you achieve the desired results defined in step #1?

What can I do to improve my response and conversions for my next campaign?

Remember to continue to refine your approach and learn from your experiences and your customers. Repeat these 11 steps as needed to continue to build a successful email marketing program that keeps your customers and prospects coming back to you again and again.

 

HTML5

“HTML5 is the next generation of HTML.”
What is HTML5?
HTML5 will be the new standard for HTML.

html5

html5

HTML 5 is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. This will make it a lot easier for search engines and screenreaders to navigate our pages, and improve the web experience for everyone. In addition, HTML 5 will also include fancy APIs for drawing graphics on screen, storing data offline, dragging and dropping, and a lot more.

Wiki Says

“HTML5 is a markup language for structuring and presenting content for the World Wide Web, and is a core technology of the Internet originally proposed by Opera Software. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and, as of July 2012, is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but XHTML 1 and DOM Level 2 HTML as well.”

The previous version of HTML, HTML 4.01, came in 1999. The web has changed a lot since then.

HTML5 is still a work in progress. However, the major browsers support many of the new HTML5 elements and APIs.

How Did HTML5 Get Started?

html5-where to get started?

HTML-5-where to get started?

HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.

Some rules for HTML5 were established:

  • New features should be based on HTML, CSS, DOM, and JavaScript
  • Reduce the need for external plugins (like Flash)
  • Better error handling
  • More markup to replace scripting
  • HTML5 should be device independent
  • The development process should be visible to the public

Below is a simple HTML5 document, with the minimum of required tags:

html5

HTML5

 

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>

The content of the document……
</body>
</html>

HTML5 – New Features
Some of the most interesting new features in HTML5:

The <canvas> element for 2D drawing
The <video> and <audio> elements for media playback
Support for local storage
New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
New form controls, like calendar, date, time, email, url, search

HTML5 offers new elements for better structure:

Tag Description
<article> Defines an article
<aside> Defines content aside from the page content
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<command> Defines a command button that a user can invoke
<details> Defines additional details that the user can view or hide
<summary> Defines a visible heading for a <details> element
<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> Defines a caption for a <figure> element
<footer> Defines a footer for a document or section
<header> Defines a header for a document or section
<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<progress> Represents the progress of a task
<ruby> Defines a ruby annotation (for East Asian typography)
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<section> Defines a section in a document
<time> Defines a date/time
<wbr> Defines a possible line-break

New Media Elements

HTML5 offers new elements for media content:

html5 AND MEDIA DEVELOPMENT

html5 AND MEDIA DEVELOPMENT

 

Tag Description
<audio> Defines sound content
<video> Defines a video or movie
<source> Defines multiple media resources for <video> and <audio>
Defines a container for an external application or interactive content (a plug-in)
<track> Defines text tracks for <video> and <audio>

HTML5 Tags [ reference taken from w3schools site]
<!–>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>

<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> – <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

Look for sample in my next post – this post is just to make aware of HTML5 technology. Please do leave your valuable comments and suggestions for any change in the content and improvement of the blog.