Web Development from Scratch: Navigation

Jeffrey Way on May 20th 2011 with 6 comments

Tutorial Details

Difficulty: Beginner
Format: Video

This entry is part 11 of 15 in the Web Development from Scratch Session
« Previous Next »

In this lesson, we’re going to review the HTML5 nav element, as well as how to create a basic method for navigating through the pages of a website.

Choose 720p for the clearest picture.
Subscribe to our YouTube and Blip.tv channels to watch more screencasts.

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Jeffrey Way

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.

Plus Premium

Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more

Commenter
At 3:21–3:29, you say “You can only use a list item when it’s inside of an undordered list, or a definition list, or an ordered list”. I thought the only parent elements of li were menu, ol, and ul.
Thank you for the screencasts.

http://www.jeffrey-way.com Jeffrey Way
Author
A parent can be a ul, ol, and dl. You can use a menu element as well, but I don’t want to get into that yet.

Adem
Hey, your meta-tag is not self-closing. :)

http://about.me/ziadrahhal Ziad Rahhal
I know it is a bit late but I think it is worth noting that HTML5 is not strict about closing empty elements such as <meta>
It is also not required to tell the browser that this file is CSS or JavaScript:
<link rel=”stylesheet” href=”some_path_to/style.css”>
<script src=”some_path_to/script.js”></script>
And this is because CSS is the default styling language and the same for JavaScript which is the default scripting language for browsers.