Newsletter

Subscribe to our mailing list

February 11, 2013
The Future of the Web: HTML5

The Future of the Web: HTML5


Before getting into what exactly HTML is, let’s briefly go over Web Standards. When the World Wide Web was first “invented” by a group of pretty awesome people at the W3C (the people who regulate the “rules of the web.” ) The pioneer of all this, Tim Berners-Lee, wanted to standardize the code that browsers used to display the contents of a website.

Now this wasn’t to make Berners-Lee and his friends have all the power and treat it like a dictatorship. It was basically a set of “rules” that were made so there is not millions of different ways of coding flying around the Internet. In essence, it helps browsers be able to display code properly and in the manner intended. If everyone had their own way of coding and coding language, browsers would never be able to keep up with everyone’s various codes.

Web standards help make sure everyone has access, including those with disabilities such as being blind or deaf, to the web and also helps with search engine optimization, so search engines like Google can index your website appropriately. These standards and “rules” (which you don’t have to follow, but you should if you want to ensure people see what you want them to) help the web to be able to survive and stay functional without chaos, but at the same time allow for innovation and exploration.

Now that we know a little background about the web, let’s get into the fun stuff. HTML

HTML (hypertext markup language) is basically a text file that is written and then read by browsers to display the contents of a web page just like the one you’re looking at right now.

The latest buzz in the web world is HTML5. HTML5 is the fifth revision in HTML. It began development in 2004. It is being made and developed to replace its precursors HTML4.01 and XHTML, and aims to improve the support across all browsers and yes, that means even the dreaded Internet Explorer (it’s about time they get with the program!) So in the long term it will help browsers all render code correctly and in uniform fashion. It is still in the working phase right now but it set to be fully implemented and the recommended markup language by 2014.

Hurrah! This means less work for web developers because less time will have to be spent making sure websites appear the same across multiple browsers which in turn means it will cost less money for those paying for web development. Win, Win!

So is HTML5 a completely different language?

No, it’s more of what you could called an “updated” version. It has gotten rid of tags that are outdated and not used and implemented new tags.

For example, the old way to code the menu for a website would be something like:

<div id=”Nav”>
      <ul>
           <li><a href=”http://www.10poundgorilla.com/home>Home</a></li>
           <li><a href=”http://www.10poundgorilla.com/about>About</a></li>
           <li><a href=”http://www.10poundgorilla.com/services>Services</a></li>
      </ul>
</div>


Here is the new way with HTML5:

<nav>
      <ul>
           <li><a href=”http://www.10poundgorilla.com/home>Home</a></li>
           <li><a href=”http://www.10poundgorilla.com/about>About</a></li>
           <li><a href=”http://www.10poundgorilla.com/services>Services</a></li>
      </ul>
</nav>


Seems pretty similar, but what using <nav> instead of <div id=”Nav”> does, besides saving the developer a little time, is that it tells search engines that, “Hey—I’m part of the menu of a website, and everything listed in here are the pages that this website holds”—It makes it easier for people like Google to get a better idea of what your website has to offer for people surfing the web.

Other new tags that serve a similar purpose are: <header> <article> <footer>.

You can see a full list of what is new tags are offered, which ones are no longer supported, and tags that are still compatible here.

Besides the technical stuff and the reasons behind these new tags, HTML5 is going to allow for tremendous innovation and creativity throughout the web design world, and will allow for designers and developers to more easily accomplish what they have only dreamed of doing.

Read our next post...

Marketing 5 “Must Do” Items to Enhance Your Marketing

Marketing Retargeting: Never Lose Sight Of Your Website Visitor

Web Dev Quality Websites Need Quality Typography

Marketing Web Development Meets Web Analytics: The Knowledge Gap

Web Dev Responsive Design: It's More Than Just Design

Marketing Economic Summit 2017

Marketing Mary Meeker's Global Interent Trends

Marketing, Web Dev A/B Testing: Getting the Most out of Your Site

Marketing, Web Dev Upping the Ante: Interactive Content

Marketing, Web Dev Google’s SEO Best Practices: A Starter Guide

Marketing Creating Timeless Content to Boost SEO

Marketing, Web Dev 2017 Research Recognizes 10 Pound Gorilla as a Leader in SEO

Marketing, Web Dev Designing an Elegant Website using Whitespace

Marketing, Web Dev Test Your Website’s Success Using Heat Maps

Marketing Start Fresh, & Advertise with Facebook!

DNN, Marketing, Web Dev 2017 DNN Summit Sessions

Marketing, Web Dev Web Design: The Past, The Present, & The Future

Marketing, Web Dev Intrusive Pop-Ups to be Penalized by Google

Marketing The New Wave of Advertising: Native Ads

DNN, Web Dev Proud Sponsor of DNN Summit 2017

Marketing Moving to Mobile

Marketing, Video Power of Video

DNN If you’re a DNN user, your site could be vulnerable to hackers

Marketing, Video The Art of Retargeting: How it works and Why You Should Retarget

DNN, Marketing, Web Dev 10 Pound Gorilla Named Top Ten Denver Web Development and Digital Marketing Agency by Clutch.co

Marketing 10 Tips to Design Your Website for Lead Generation

DNN, Marketing, Modules, Web Dev DNNCON: Thank You!

Marketing 10 Ways to Incorporate Direct Response Marketing with Print Media

DNN, Marketing, Web Dev 10 Pound Gorilla... One of Denver's Top 10 Digital Marketing Agencies

Marketing How to Turn Social Media Fans Into New Customers

Marketing Your Facebook Likes No Longer Matter!

Web Dev Is Google Going to Penalize Non-Mobile-Friendly Websites?

DNN DNNCON: Thank You!

DNN, Modules, Web Dev From Ordinary To Extraordinary

DNN, Marketing, Modules How to Sell, Quote or Budget for a DNN E-commerce Website

Web Dev Getting Users to "Respond" to Your Mobile Menu Designs

DNN, Web Dev DNNCON: Editor.css

Marketing Getting The Conversion

Marketing Tips for Writing Effective Newsletters

Marketing Why Should You Have a Newsletter?

Marketing Writing Copy That Will Actually Be Read

DNN Editor.css: Giving You & Your Clients Less Headaches

DNN, Web Dev Connall Cosmetic Surgery: Case Study

Web Dev Making the Case for a Responsive Site

DNN, Modules, Web Dev March Module Madness: Dynamic Forms

DNN, Modules, Web Dev March Module Madness: Ventrian News Articles

DNN, Modules, Web Dev March Module Madness: Form & List

Marketing 5 Tips to Online Marketing

Marketing How the Name "10 Pound Gorilla" Came to Be

Marketing Creative Online Marketing: Groupon & Living Social

Marketing Promoting Your Business With Instagram

Marketing Using Your Blog to Boost SEO

Marketing Suprising Social Media Facts & What You Should Do

DNN, Web Dev DNN Con 2013: Mobile Navigation

DNN, Web Dev DNN Con 2013: Determining What Makes the Mobile Cut

DNN, Modules, Web Dev DNN Con 2013: DDR And JQuery. More Than Just Hover And Drop Down.

Web Dev A Mobile-First Approach to the Web

DNN Southern Fried DNN: Best of both worlds: Great Design and Flexibility

DNN Southern Fried DNN: Different skin designs from just one skin file

Web Dev The Future of the Web: HTML5

DNN Dot Net Nuke World 2012 Speakers & Sponsors

Marketing Google Places is now Google+ Local

DNN, Marketing Day of DNN - Using DNN to Feed Data to Several Social Portals

DNN, Marketing Day of DNN - Easy to Use Strategies for Writing & Submitting Articles to Increase Inbound Links

DNN, Marketing Day of DNN - How to Optimize Your Socialization

DNN Guest Speakers at Day of DNN!

Marketing Enticing Your Followers with Fresh Content: A How To Guide

DNN, Web Dev What Can Website Templates Do For You?

Marketing Getting Up in the Ranks Through SEO

DNN, Modules Best DNN Shopping Cart

Marketing Enter into the "Timeline"

Marketing Making Your Facebook Business Page Secure

Marketing Get Your Tweet-Face On

DNN, Marketing Google Analytics and DNN

Marketing What is Social Media and What Can It Do for You

DNN Advantages of DotNetNuke

Web Dev 8 Ways to Increase Website Speed

Marketing Beyond Facebook and Twitter, Get "In" with Social Media

Web Dev 8 Great Website Development Tools

Web Dev Your Website & Internet Explorer

Marketing What is Google +1

Web Dev What is "The Cloud"?

Succeed

Contact 10 Pound Gorilla Today
for Your Free Consultation

or Call {970} 726.5144 or Connect