Join Morten Rand-Hendriksen for an in-depth discussion in this video Creating better semantic markup with HTML5, part of Using Accessibility to Improve SEO.
As the web evolves, so does the code that runs behind the scenes.…The core code language we use to develop pages on the web has evolved and it's…now in its fifth iteration, thus the name HTML5.…With HTML5, we've gotten a series of new tags that are more semantic or…meaningful that can hook into current and future functionality in web browsers.…Adopting HTML5 semantic markup also makes your site code easier to understand.…In the example project for this course, I've marked everything up in HTML5.…
That has a couple of caveats;…it means that this code will not run properly in older browsers.…It also means that some of the code in this page may not work the way it's…supposed to in old browsers.…That's not because there's anything wrong with the code or the browsers. It's…because HTML 5 is still in a Draft format.…Now this is not a course about HTML5, but I want to show you what I have done…in this page, so you get an idea of what this markup is all about and why HTML5 is so important.…If we look at the page itself, you will notice that at the top it just…
Author
Released
12/6/2011- Understanding the benefits of accessibility and SEO
- Evaluating screen readers for Windows and Mac
- Installing browser development tools
- Comparing sites that are SEO-friendly and SEO-unfriendly
- Defining a language for a page
- Creating better semantic markup with HTML5
- Marking up images and links properly
- Creating an accessible menu with an unordered list
Skill Level Intermediate
Duration
Views
Related Courses
-
Analyzing Your Website to Improve SEO
with Peter Kent1h 47m Intermediate
-
Introduction
-
Welcome1m
-
Using the exercise files1m 59s
-
-
1. Web Accessibility and SEO: Two Sides of the Same Coin
-
2. Why Web Accessibility Matters
-
3. Accessibility Tools for Web Developers
-
4. Understanding How a Search Engine Sees a Web Site
-
Installing SEO tools2m 30s
-
-
5. Making Accessible and SEO-Friendly Text
-
Using some new HTML5 tags4m 47s
-
6. Adding Accessibility and SEO Info to Links, Images, and Other Content
-
Marking up links properly6m 48s
-
Marking up images7m 15s
-
-
7. Creating Accessible and Searchable Navigation
-
Goodbye
-
Next steps3m 44s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Creating better semantic markup with HTML5