June 20th, 2012, 12:17 PM
I was wondering if anyone could help by posting suggestions for the essential layout for a professional HTML5 page. I just graduated recently, and it doesn't really take standards to get a passing grade in most web development classes, just functionality.
In essence, if I'm developing a professional-standard HTML5 website from scratch, how do I start? What should I include with security, portability, and longevity in mind?
So far, my template is as such:
Am I missing anything that would be considered poor technique if not included?
<meta charset="utf-8" />
<meta name="author" content="" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<!-- HEADER DIVS -->
<!-- NAV DIVS -->
<!-- WRAPPER DIVS -->
<!-- ARTICLE TAGS -->
June 21st, 2012, 12:19 AM
It's difficult to comment on only a skeleton like that. There are so many things that only come up when you create full pages.
The meta keywords element isn't very useful anymore, because it was abused so much in the past.
I don't use it myself, but you might find HTML5 Boilerplate helpful.
June 21st, 2012, 10:26 AM
Thanks for the reply, I suppose I probably didn't word my question very well. For a little background, I learned to write pages in high school and for the longest time my pages just looked like so
Originally Posted by Kravvitz
Always without any meta-tags or specifications or doctypes. So now that I'm done with college and beginning to work on professional-level sites I just want to make sure I'm getting the basics right.
So no keywords, but would you say that generally I can begin coding with that type of structure? I see some with things like bots which I don't fully understand but I'm not sure are entirely needed.