Renniks
Senior Member
Well it's been a while since I actually put finger to key and wrote up some html.
After reading quite a few sites I decided I was going to jump straight back in with some HTML5 and go along that route.
Was wondering if my code could be checked over and a few questions I have answered
Thanks
(indenting is removed in quotes & will be amending/removing the style sheets as necessary when styling)
CODE:
Ok and my questions :
Thanks
Renniks
After reading quite a few sites I decided I was going to jump straight back in with some HTML5 and go along that route.
Was wondering if my code could be checked over and a few questions I have answered
Thanks
(indenting is removed in quotes & will be amending/removing the style sheets as necessary when styling)
CODE:
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Mark Skinner" />
<title>↑ SiteName, Cardiff Web Development | Homepage</title>
<base href="http://SiteName.com/" />
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 8]><link href="css/main.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<!--[if lte IE 7]><link href="css/main.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<!--[if IE 6]><link href="css/main.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<link href="css/hr.css" rel="alternate stylesheet" type="text/css" media="screen" title="High Readability Style" />
<!--[if lte IE 8]><script src="html5.js" type="text/javascript"></script><![endif]-->
<link rel="icon" type="image/gif" href="fav.gif" />
</head>
<body id="home">
<header>
<h1>SiteName</h1>
<h2>Cardiff Web Design & Development</h2>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact Me</a></li>
</ul>
</nav>
<p id="contact">Contact me: </p>
<p id="call">+44(0)123456789</p>
<p id="email">[email protected]</p>
<hr />
<div id="Content">
<section>
<h3>About Me</h3>
Information about me
</section>
<section>
<h3>My Latest Work</h3>
Section for latest work
</section>
</div>
<hr />
<footer>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact Me</a></li>
</ul>
<p id="copy">©2010 Mark Skinner</p>
</footer>
</header>
<!--Insert Javascript here-->
</body>
</html>
Ok and my questions :
- Any issues straight away with the above code?
- Are any other meta tags worth having?
- Should there be a reset CSS sheet? or just include it in the standard sheets
- Should the html5 js be at the bottom with standard JS as this is for initial styling purposes
- Should the contact details (contact me) be in an 'aside' tag (or any others for that matter)
- Opinions on the use of <hr /> even though in this case It has been done for purely ease of editing (easier to see the 3 sections quickly)
Thanks
Renniks