Semantic Google Ads
This article is currently a work in progress. Among other things, I will be adding some sample JavaScript which loads ads from an XML file.
Today, Google AdSense creates an <iframe> element in its place with the relevant ads inside. The goal of this document is to demonstrate a semantic XHTML version of Google AdSense. Ideally, JavaScript code would read a set of relevant ads from an XML dataset using XmlHttpRequest, and then output the HTML as seen below. This would most likely decrease bandwidth spent, and more importantly it would allow web designers to alter the appearance of the ads directly through CSS.
Skyscraper
The following set of ads have been styled to grow vertically. The whole ad collection is represented by a definition list (<dl>), with each title being a definition term (<dt>) and each text (including URL) definition description (<dd>).
- Ads by Google
- Free Cheddar Cheese
- 4.4 lbs Of English Cheddar Cheese. Shipping included. Act Now! Food-Offer.com
- Vermont Cheese
- Made Fresh and Aged Slowly for a Great Taste. Variety of Types! www.vermontcountrystore.com
- Lost Garlic Bread Secret.
- A long, lost Italian recipe for marvelous old country garlic bread. www.GarlicValleyFarms.com
- Cheese Info
- Get Info on Cheese from 14 search engines in 1. www.info.com/Cheese
- Home Cheesemaking Secrets
- Making Camembert,Brie,Blue cheese is easy with my Kit and eBook. www.thecheesemaker.com
Leaderboard
Not structurally different in HTML (apart from a different CSS class), this collection of ads has been styled to grow horizontally.
- Ads by Google
- Cheap hotels
- Find Hotels By Price, Star Rating Or Location. Cheap hotels www.ResortGateway.com
- Save on Las Vegas Hotels
- Amazing Las Vegas hotel discounts. Easily book your room today. www.Tripres.com
- Devon PA Hotel Deals
- Shop and Compare Great Deals on Hotels in Devon PA. www.priceline.com