Simple HTML5 Website Template

HTML5 is the latest version of HTML. It focuses on making programming much more straightforward and semantic. Semantics are the practice of making code readable to both humans and computers, and generally represents a best-practice when it comes to web design and search engine optimization. In HTML5, the Doctype and code structure for the website are very simple. Check out the beginning of this simple HTML5 website template:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>
<title>SkyPoint Studios Web Design Billings MT</title><style>
.selector {
-moz-border-radius: .75em;
-webkit-border-radius: .75em;
width: 1.4em;
height: 1.4em;
text-align: center;
display: inline-block;
line-height: 1.4em;
display:inline-block
vertical-align:middle
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: white;
background-color: gray;
cursor: pointer;
}
.selector :before {
content: “2715”;
/* content: “0D7″; */
}
.delete:hover {
background-color: red;
}
</style></head>
<body>

<div class=”delete”></div>

</body>
</html>

That is all there is to it! This site has inline CSS, but this can be moved to an external stylesheet. If you save this file as .html, you can launch it in your browser and see the website.

Mind you that this is a very basic website template, and would need a lot of work to make it into a functioning website. If you want to get an easier to operate and maintain site, check out this article on Which is the Best Platform to Build My Website on?

Almost all smart phones support HTML5 browsers these days, so designing your website in HTML5 can be a great idea. Below is a chart that shows different mobile phone browsers and the amount of support for HTML5 & CSS3:

Mobile Browsers Now Support a Majority of HTML5 Features

What have you been doing with HTML5? Leave a comment

Skypoint

Written by: Skypoint

SkyPoint Studios has written 46 posts in the Tech Blog.

SkyPoint Studios is a full-service web & graphic design firm located in Billings Montana We have a passion for hyper-localized service, we know Billings and Montana and care about doing business in our local community.

2 replies
  1. Andre
    Andre says:

    Hi webmaster i see you put a lot of work in your blog’s content, i
    know how to make your blogging easier, do you know that you can copy any post from any page, make it 100% unique and pass copyscape test?
    For more details , just type in google – rewriter creates an unique article in a minute

    Reply
    • Jophiel Silvestrone
      Jophiel Silvestrone says:

      Hi Andre, I am aware of such products, however they are like playing with fire because when/if Google search catches on to the regurgitated content, they may penalize your site, which may not be recoverable from.

      Reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.