Viewers: in countries Watching now:
This course focuses on two elements of web development: accessibility and search engine optimization (SEO), demonstrating why they are important and how they work. Author Morten Rand-Hendriksen also shows how good coding practices and modern web standards can make a site accessible and more visible to search engines and social networks.
HTML has a lot of lesser used, but no less important, tags that are slowly
becoming more important as the Semantic Web starts rolling in.
These include the , ,
I like to use it in my footers to wrap things like the copyright statement in the bottom of the page, so that it's easier to see that this is a copyright statement. Here is an example of how you'd use it. You simply put it in the tag, write in the fine print you want to use there and then end the tag. The next tag is . Now, used to be used a lot, and then people stopped using it, and now it's back. The tag is now supposed to wrap the title of work pointing to another source. So for example, if you put in a blockquote with a quote from a different source, then you would put them in a cite quote, with the name of that source, and then within that, put an anchor tag that points out to the source so people can click on it, and go to that source.
An example of using the is this. Because I got this information from the
W3C Web Standards website, I'll wrap W3C Web Standards in a cite tag so that it
is clear where it came from.
The point of the
The tag is the abbreviation tag. You use it to wrap acronyms and abbreviations. The purpose of this tag is to provide extra information, because if you use an acronym or an abbreviation, chances are the person reading it won't know what these mean, and here's a good example. If you see the abbreviation c-o-l or col dot, you don't know what that means. It could either be colonial, it could be colonel, it could be could be college, or it could be something else. But by wrapping this in the tag and adding a title, if you then move your mouse and hover over the abbreviation, you'll see a little pop-up that gives you the full explanation of what that word means.
Finally, we have the In fact, the week before we recorded this course, the W3C who decide these things, what tags people can or cannot use, decided to pull the the HTML5 standard, only to reintroduce it because developers got so angry. The idea with the can tell the browser what time this is, and then the browser can do something with it. The way you mark that up is by saying time and then datetime and then you can either mark it up by a standard 24-hour clock, so 9:30 p.m. will become 21:30, or you can even attach a specific time on the Gregorian calendar.
In this case I've added a datetime that points to Winter Solstice 2011, which is on the 22nd of December at 5:30 a.m. in England. You'll notice it says +00:00 at the end. That refers to the zero timeline. So if you wanted to refer to a time, for instance in LA, you would say +08:00, because it's eight hours ahead. The once you add the Web app that would pick up the time and either change it depending on where the person who's visiting the site is, or add that time to your calendar, add it to some other elements where you can use it actively, and that's the whole point of all these tags.
As the Web progresses and browsers progress, we can build-in new functions that hook into the tags and pull out information of the website, in addition to what you've written. Using the correct markup in your copy can add a lot of information to the material that's already there. That's the whole point of hypertext, to add new layers of information that's not available in print.
There are currently no FAQs about Improving SEO Using Accessibility Techniques.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.